:root{--navy:#07182d;--blue:#12365a;--orange:#e88b37;--paper:#f4f6f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;color:#14253a;background:#fff;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}button,input,select,textarea{font:inherit}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.nav{position:sticky;top:0;z-index:30;background:rgba(7,24,45,.97);color:#fff;backdrop-filter:blur(14px)}.navinner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;font-weight:750;white-space:nowrap}.mark{width:36px;height:36px;border:1px solid #d99a58;display:grid;place-items:center;color:#e5a457;font-family:serif;font-size:20px;transform:rotate(45deg)}.mark span{transform:rotate(-45deg)}.links{display:flex;gap:17px;align-items:center;font-size:13px}.links a{color:#d9e0e8;text-decoration:none;white-space:nowrap}.links a:hover{color:#efad68}.btn{border:0;border-radius:4px;padding:13px 20px;background:var(--orange);color:#fff;font-weight:700;cursor:pointer;transition:.2s}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.ghost{background:transparent;border:1px solid #ffffff88}.btn.dark{background:var(--navy)}.menuBtn{display:none;background:none;color:#fff;border:1px solid #ffffff55;padding:8px 12px;border-radius:4px}.hero{background:radial-gradient(ellipse at 75% 30%,#285278 0,transparent 39%),linear-gradient(120deg,#07182d 0%,#102e4d 58%,#173b5c);color:white;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-8%;bottom:-68%;width:64vw;height:75vw;border:1px solid #ffffff1a;border-radius:50%;box-shadow:0 0 0 50px #ffffff08,0 0 0 100px #ffffff06}.heroIn{position:relative;z-index:1;padding:100px 0 94px;max-width:820px}.eyebrow{color:#e9a55e;letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:700}.hero h1{font-size:clamp(34px,5vw,64px);line-height:1.22;margin:22px 0 14px;letter-spacing:.01em}.hero p{font-size:19px;color:#d2dce7;line-height:1.7}.heroMeta{display:flex;gap:28px;flex-wrap:wrap;margin:26px 0;color:#fff}.heroMeta b{color:#efad68;font-size:12px;display:block;margin-bottom:6px;letter-spacing:.12em}.heroActions{display:flex;gap:12px;margin-top:32px}.count{margin-top:35px;color:#c1ceda;font-size:14px}.count strong{font-size:25px;color:white;margin:0 5px}.sec{padding:76px 0}.sec.alt{background:#f4f6f8}.sectionHead{margin-bottom:30px}.kicker{font-size:11px;letter-spacing:.18em;color:#bd7a34;font-weight:800}.sectionHead h2{font-size:clamp(25px,3vw,36px);color:#10243c;margin:9px 0 10px}.sectionHead p{color:#647386;margin:0;line-height:1.8;max-width:760px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:white;border:1px solid #e5e9ee;border-radius:8px;padding:23px;box-shadow:0 8px 24px #10243c08}.card h3{margin:10px 0;color:#132c47;font-size:18px}.card p{color:#68788b;font-size:14px;line-height:1.8;margin:7px 0}.num{font-size:12px;color:#c48340;font-weight:800;letter-spacing:.1em}.split{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.timeline{border-left:1px solid #ced7e0;margin:10px 0 0 10px;padding-left:26px}.timeline article{position:relative;padding:0 0 22px}.timeline article:before{content:"";position:absolute;width:10px;height:10px;background:#df9145;border:3px solid #fff;box-shadow:0 0 0 1px #d8a06a;border-radius:50%;left:-32px;top:4px}.timeline small{color:#c07b35;font-weight:700}.tag{display:inline-block;padding:5px 9px;background:#eff3f7;color:#496078;border-radius:3px;font-size:12px;margin:3px}.notice{background:#fff8ed;border:1px solid #f0d5ae;color:#684b27;padding:17px 20px;border-radius:5px;line-height:1.8;font-size:14px}.tabs{display:flex;gap:8px;border-bottom:1px solid #dce3e9;margin:0 0 22px;overflow:auto}.tab{padding:12px 16px;border:0;border-bottom:2px solid transparent;background:none;color:#627288;white-space:nowrap;cursor:pointer}.tab.active{color:#bd762f;border-color:#d68a3c;font-weight:700}.speaker{display:flex;gap:15px;align-items:center}.avatar{width:54px;height:54px;border-radius:50%;background:linear-gradient(145deg,#d6e0e9,#91a6bb);display:grid;place-items:center;color:#324e68;font-weight:700;flex:none}.muted{color:#77879a;font-size:13px}.courseTabs{display:flex;gap:8px;overflow:auto;padding:2px 0 14px}.courseTabs button{border:1px solid #dce3e9;background:white;border-radius:4px;padding:10px 13px;white-space:nowrap;cursor:pointer;font-size:13px}.courseTabs button.active{background:#102d4a;color:white;border-color:#102d4a}.courseBody{padding:26px;background:#fff;border:1px solid #e4e9ee;border-radius:7px}.acc{border:1px solid #e2e7ed;border-radius:5px;margin:9px 0;background:#fff}.acc summary{padding:15px 17px;cursor:pointer;font-weight:650;color:#203a56}.acc>div{padding:0 17px 16px;color:#607187;line-height:1.8}.formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field label{display:block;font-size:13px;font-weight:650;margin:0 0 7px;color:#344c65}.field input,.field select,.field textarea{width:100%;border:1px solid #d6dee6;padding:12px;border-radius:4px;background:#fff;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#4981b2;box-shadow:0 0 0 3px #4981b21c}.field.full{grid-column:1/-1}.step{display:none}.step.active{display:block}.stepdots{display:flex;gap:8px;align-items:center;margin:20px 0}.stepdots span{font-size:12px;color:#718096;padding:8px 12px;background:#edf1f5;border-radius:20px}.stepdots span.on{background:#143656;color:white}.choice{display:flex;gap:9px;align-items:flex-start;padding:13px;border:1px solid #e1e7ec;border-radius:5px;margin:8px 0;cursor:pointer}.choice:has(input:checked){border-color:#d88c40;background:#fffaf3}.choice input{margin-top:4px;accent-color:#d88c40}.person{padding:16px;border:1px solid #e1e7ec;border-radius:6px;margin:12px 0}.actions{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.modal{position:fixed;inset:0;z-index:60;background:#061426bb;display:none;align-items:center;justify-content:center;padding:18px}.modal.show{display:flex}.modalBox{background:white;max-width:560px;width:100%;max-height:90vh;overflow:auto;border-radius:8px;padding:26px;position:relative}.close{position:absolute;right:14px;top:12px;border:0;background:#eef2f5;width:32px;height:32px;border-radius:50%;cursor:pointer}.floatHelp{position:fixed;right:18px;bottom:100px;z-index:25;background:white;box-shadow:0 6px 24px #06142624;padding:13px;border-radius:6px;display:grid;gap:7px}.floatHelp button{font-size:12px;padding:9px 12px}.mobileBar{display:none}.footer{background:#07182d;color:#c1cbd5;padding:42px 0 90px;font-size:13px;line-height:2}.footer strong{color:white}.mapbox{min-height:220px;background:linear-gradient(135deg,#e6edf2,#cedbe4);border-radius:6px;display:grid;place-items:center;color:#496078;text-align:center;padding:20px}.modal[aria-hidden="true"]{visibility:hidden}
@media(max-width:1050px){.links{gap:10px}.links a{font-size:12px}.brand{font-size:13px}.grid4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){html{scroll-padding-top:64px}.wrap{width:calc(100% - 32px)}.navinner{height:62px}.links{display:none;position:absolute;left:0;right:0;top:62px;background:#0b2038;padding:12px 18px 20px;flex-direction:column;align-items:stretch}.links.open{display:flex}.links a{padding:10px 4px;font-size:14px}.nav .desktopCta{display:none}.menuBtn{display:block}.heroIn{padding:65px 0 55px}.hero h1{font-size:36px}.hero p{font-size:16px}.heroMeta{gap:16px;font-size:13px}.heroActions{flex-direction:column}.heroActions .btn{width:100%}.sec{padding:52px 0}.grid4,.grid3,.split{grid-template-columns:1fr}.card{padding:18px}.sectionHead{margin-bottom:22px}.formGrid{grid-template-columns:1fr}.field.full{grid-column:auto}.floatHelp{display:none}.mobileBar{position:fixed;display:grid;grid-template-columns:1fr 1fr;bottom:0;left:0;right:0;z-index:45;background:#fff;padding:8px 12px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #07182d22;gap:9px}.mobileBar button{min-height:46px}.footer{padding-bottom:104px}.stepdots{overflow:auto}.stepdots span{white-space:nowrap}.notice{font-size:13px}.speaker{align-items:flex-start}.actions{position:sticky;bottom:68px;background:#fff;padding:9px 0}}


/* Award selection: clear two-stage path and accessible multi-select options. */
.awardTracks{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.awardTrackChoice{display:flex;align-items:center;gap:9px;padding:12px 15px;border:1px solid #dce3e9;border-radius:5px;background:#fff;cursor:pointer}.awardTrackChoice:has(input:checked){border-color:#d88c40;background:#fff8ed}.awardTrackChoice input,.awardChoice input{accent-color:#d88c40}.awardOptions{display:grid;gap:9px;margin-top:8px}.awardChoice{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid #e1e7ec;border-radius:5px;background:#fff;cursor:pointer}.awardChoice:has(input:checked){border-color:#d88c40;background:#fffaf3}.awardChoice input{margin-top:4px}.awardChoice span{font-weight:650;color:#203a56}.awardChoice small{display:block;color:#7b8795;font-weight:400;margin-top:4px}.jumpGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.jumpCard{display:block;padding:15px 17px;border:1px solid #e2e8ee;border-radius:6px;background:#fff;color:#173553;text-decoration:none;font-weight:650;transition:.18s}.jumpCard:hover{border-color:#d89652;color:#a96525;transform:translateY(-2px)}.courseContent{position:relative}.courseDetailWrap{scroll-margin-top:90px}.courseSideRail{display:none}
@media(max-width:760px){.jumpGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.jumpCard{padding:13px;font-size:14px}.courseContent{padding-right:0}.courseSideRail{position:fixed;left:5px;right:auto;top:calc(50% - 20px);transform:translateY(-50%);z-index:38;display:flex;flex-direction:column;gap:4px;padding:6px 4px;background:#fff;border:1px solid #e1e6eb;border-radius:18px;box-shadow:0 5px 20px #07182d25}.courseSideRail button{width:32px;height:30px;padding:0;border:1px solid #e0e6ec;border-radius:14px;background:#f5f7f9;color:#41566d;font-size:10px;font-weight:750;cursor:pointer}.courseSideRail button.active{background:#e88b37;border-color:#e88b37;color:#fff}.courseDetailWrap{scroll-margin-top:72px}.awardTracks{display:grid;grid-template-columns:1fr}.awardTrackChoice{width:100%}}
@media(max-width:760px) and (max-height:640px){.courseSideRail{top:42%;gap:2px;padding:4px 3px}.courseSideRail button{height:26px;width:29px}}


/* Course detail gallery: sticky left navigation on desktop and a compact H5 rail. */
.courseLayout{display:grid;grid-template-columns:168px minmax(0,1fr);gap:22px;align-items:start}
.courseSideRail{position:sticky;top:98px;z-index:20;display:flex;flex-direction:column;gap:7px;align-self:start}
.courseSideRail button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 10px;border:1px solid #dce3e9;border-radius:6px;background:#fff;color:#40566d;text-align:left;cursor:pointer;transition:background-color .18s,border-color .18s,color .18s,transform .18s}
.courseSideRail button:hover{border-color:#d99a58;transform:translateX(2px)}
.courseSideRail button.active{border-color:#d98b3e;background:#fff8ef;color:#8b511c;box-shadow:0 5px 16px #d38c3818}
.courseSideRail button:focus-visible{outline:3px solid #e6ad6f;outline-offset:2px}
.courseSideRail .railIndex{flex:none;color:#b77938;font-size:10px;font-weight:800;letter-spacing:.04em}
.courseSideRail .railLabel{font-size:13px;font-weight:700;white-space:nowrap}
.courseContent{min-width:0;padding:0}
.courseDetailHead{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 16px}
.courseDetailHead h3{margin:6px 0 4px;color:#142d48;font-size:25px;line-height:1.35}
.courseDetailHead .muted{margin:4px 0 0}
.courseImageFrame{position:relative;min-height:360px;overflow:hidden;border:1px solid #e1e7ed;border-radius:8px;background:#f1f4f7}
.courseImageFrame[hidden],.courseUnavailable[hidden]{display:none!important}
.courseImageFrame img{display:block;width:100%;height:auto;opacity:0;transition:opacity .28s ease}
.courseImageFrame img.is-loaded{opacity:1}
.courseLoading{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(241,244,247,.76);color:#455b72;font-size:14px}
.courseLoading[hidden]{display:none!important}
.courseSpinner{width:25px;height:25px;border:3px solid #d7e0e8;border-top-color:#db8c3d;border-radius:50%;animation:courseSpin .8s linear infinite}
@keyframes courseSpin{to{transform:rotate(360deg)}}
.courseUnavailable{margin-top:14px}
.courseImageNote{margin:9px 0 0;line-height:1.6}
@media(max-width:980px) and (min-width:761px){.courseLayout{grid-template-columns:142px minmax(0,1fr);gap:14px}.courseSideRail{top:88px}.courseSideRail button{gap:7px;padding:10px 8px}.courseSideRail .railLabel{font-size:12px}}
@media(max-width:760px){
  body[data-page="courses"] main .wrap{box-sizing:border-box;padding-left:42px}
  .courseLayout{display:block}
  .courseSideRail{position:fixed;top:50%;left:3px;right:auto;transform:translateY(-50%);z-index:42;display:flex;gap:3px;width:38px;max-height:calc(100vh - 160px);max-height:min(78dvh,calc(100dvh - 160px - env(safe-area-inset-bottom)));overflow-y:auto;overflow-x:hidden;padding:5px 3px;border:1px solid #e1e6eb;border-radius:19px;background:#ffffffed;box-shadow:0 5px 20px #07182d25;backdrop-filter:blur(8px)}
  .courseSideRail button{display:flex;flex:none;align-items:center;justify-content:center;width:30px;height:50px;min-height:50px;padding:2px;border-radius:15px;text-align:center}
  .courseSideRail .railIndex{display:none}
  .courseSideRail .railLabel{writing-mode:vertical-rl;text-orientation:mixed;font-size:9px;line-height:1.1;letter-spacing:.01em;white-space:nowrap}
  .courseSideRail button:hover{transform:none}
  .courseContent{padding-right:0}
  .courseDetailHead{gap:8px;margin-bottom:12px}
  .courseDetailHead h3{font-size:20px}
  .courseDetailHead .btn{padding:10px 12px;font-size:13px}
  .courseImageFrame{min-height:310px;border-radius:5px}
  .courseLoading{font-size:12px}
  .courseImageNote{font-size:11px}
}
@media(max-width:760px) and (max-height:640px){.courseSideRail{max-height:calc(100vh - 160px);max-height:min(72dvh,calc(100dvh - 160px - env(safe-area-inset-bottom)));gap:2px;padding:4px 3px}.courseSideRail button{height:43px;min-height:43px}.courseSideRail .railLabel{font-size:8px;line-height:1}}
@media(prefers-reduced-motion:reduce){.courseSpinner{animation:none}.courseSideRail button,.courseImageFrame img{transition:none}}


/* Course signup dialog: compact B2B form, keyboard-friendly option cards, mobile bottom sheet. */
body.modal-open{overflow:hidden}
.modalBox.courseRegistrationModalBox{max-width:760px;max-height:90vh;max-height:90dvh;padding:24px}
.courseRegistrationForm{color:#243a52}
.courseRegIntro>p{margin:0 0 12px;color:#465c73;font-weight:650}
.courseRegPrivacyNote{margin:0 0 14px;padding:11px 13px;border-left:3px solid #4e7c63;background:#f0f7f2;color:#375c4a;font-size:13px;line-height:1.6;font-weight:400}
.courseRegFields{margin:14px 0 18px}
.courseRegFieldset{min-width:0;margin:13px 0;padding:12px;border:1px solid #dce4eb;border-radius:7px}
.courseRegFieldset legend{padding:0 6px;color:#173958;font-size:14px;font-weight:750}
.courseRegHelp{margin:0 0 10px;color:#6b7c8e;font-size:12px;line-height:1.6}
.courseRegOptions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.courseRegOption{display:flex;align-items:flex-start;gap:9px;min-width:0;padding:10px 11px;border:1px solid #dce4eb;border-radius:6px;background:#fbfcfd;cursor:pointer;transition:background .16s,border-color .16s}
.courseRegOption:hover{border-color:#c79661;background:#fffaf4}
.courseRegOption:has(input:checked){border-color:#d88c40;background:#fff7ec}
.courseRegOption input{flex:none;margin:3px 0 0;accent-color:#d88c40}
.courseRegOption span{min-width:0;color:#334b63;font-size:12px;line-height:1.55;overflow-wrap:anywhere}
.courseRegOption b{display:block;color:#173958;font-size:13px}
.courseRegOption small{display:block;margin-top:2px;color:#718196;font-size:11px;line-height:1.45}
.courseRegStatus{margin:12px 0;padding:11px 13px;border:1px solid #e5c5a2;border-radius:5px;background:#fff7ec;color:#7d4515;font-size:13px;line-height:1.65}
.courseRegStatus[hidden]{display:none!important}
.courseRegActions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid #e9edf1}
.courseRegistrationForm button:disabled{opacity:.65;cursor:wait}
@media(max-width:760px){
  .modal.courseRegistrationOpen{align-items:flex-end;padding:0}
  .modal.courseRegistrationOpen .modalBox{width:100%;max-width:none;max-height:92vh;max-height:92dvh;padding:22px 16px calc(16px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0}
  .courseRegFields,.courseRegOptions{grid-template-columns:1fr}
  .courseRegFieldset{padding:10px}
  .courseRegOption{padding:9px 10px}
  .courseRegActions .btn{min-width:104px}
}
@media(prefers-reduced-motion:reduce){.courseRegOption{transition:none}}

/* A low-friction honeypot for basic automated form filling; never visible to people. */
.intakeHoneypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}


/* Brand refresh: white canvas, the supplied logo orange, and a tactile course-banner carousel. */
:root{--navy:#25313a;--blue:#F96400;--orange:#F96400;--paper:#fff;--brand-orange:#F96400}
body{background:#fff;color:#29343c}
.nav{background:rgba(255,255,255,.97);color:#25313a;border-bottom:1px solid #f0e6dc;box-shadow:0 4px 18px rgba(45,37,30,.07)}
.brand{gap:10px;color:#29343c!important;text-decoration:none!important}
.brandLogo{display:block;width:148px;height:44px;object-fit:contain;flex:none}
.brandTitle{max-width:230px;color:#2d3740;font-size:13px;font-weight:700;line-height:1.3;white-space:nowrap}
.links a{color:#505b64}
.links a:hover,.links a[aria-current=page]{color:#F96400}
.menuBtn{color:#37424b;border-color:#d8dfe3;background:#fff}
.links{background:#fff}
.btn{background:#F96400;color:#fff}
.btn.dark{background:#fff;color:#e95600;border:1px solid #F96400}
.btn.ghost{background:transparent;border:1px solid #F96400;color:#df5300}
.btn.ghost:hover{background:#fff3e9}
.hero{background:linear-gradient(118deg,#fff 0%,#fff 57%,#fff5ed 100%);color:#27333c;border-bottom:1px solid #f4e9df}
.hero:after{border-color:#F9640020;box-shadow:0 0 0 50px #F9640008,0 0 0 100px #F9640005}
.heroIn{max-width:980px;padding-top:82px;padding-bottom:78px}
.eyebrow,.heroMeta b{color:#F96400}
.hero h1{max-width:960px;color:#26323a;font-size:clamp(32px,4.5vw,58px);letter-spacing:0;line-height:1.25}
.hero p{color:#59646c}
.heroMeta{color:#4d5961}
.heroMeta b{font-size:11px}
.hero .count{color:#657079}
.hero .count strong{color:#26323a}
.hero .count span{color:#78838b!important}
.sec.alt{background:#fff}
.sectionHead h2{color:#27343c}
.kicker,.num{color:#F96400}
.card,.courseBody{border-color:#eee5de;box-shadow:0 8px 24px rgba(54,43,34,.055)}
.card h3,.courseDetailHead h3{color:#27343c}
.card p,.sectionHead p{color:#69747b}
.tag{background:#fff2e8;color:#9b420a}
.timeline article:before{background:#F96400;box-shadow:0 0 0 1px #f8b08a}
.timeline small{color:#db5500}
.tabs .tab.active{color:#e95600;border-color:#F96400}
.courseTabs button.active{background:#F96400;border-color:#F96400;color:#fff}
.courseSideRail button.active{background:#fff1e7;border-color:#F96400;color:#a74400}
.courseSideRail button:hover{border-color:#F96400}
.choice:has(input:checked),.awardChoice:has(input:checked),.awardTrackChoice:has(input:checked){border-color:#F96400;background:#fff6ef}
.choice input,.awardTrackChoice input,.awardChoice input,.courseRegOption input{accent-color:#F96400}
.stepdots span.on{background:#F96400;color:#fff}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#F96400;box-shadow:0 0 0 3px #F9640020}
.notice{background:#fff7f0;border-color:#f7c8a8;color:#67422e}
.floatHelp{border:1px solid #f1e4da;box-shadow:0 7px 26px rgba(42,36,31,.12)}
.floatHelp b{color:#39464f!important}
.footer{background:#fff;color:#59646c;border-top:1px solid #eee5de}
.footer strong{color:#29343c}
.footer a{color:#d94f00}
.mobileBar{background:rgba(255,255,255,.98);border-top:1px solid #eee5de;box-shadow:0 -4px 20px rgba(41,34,28,.1)}
.mapbox{background:linear-gradient(135deg,#fff7f0,#f4f5f6);color:#59646c}
.courseImageFrame{border-color:#eee5de;background:#fafafa}
.courseLoading{background:rgba(250,249,247,.85);color:#505c63}
.courseRegPrivacyNote{border-left-color:#F96400;background:#fff7f0;color:#67422e}
.courseRegFieldset legend{color:#333f47}
.courseRegOption:has(input:checked){border-color:#F96400;background:#fff5ec}
.courseRegStatus{border-color:#f3c8ab;background:#fff7f0;color:#7b431f}
.jumpCard:hover{border-color:#F96400;color:#bf4800}

.courseCarouselSection{padding:28px 0 48px;background:#fff;border-bottom:1px solid #f2e9e2}
.courseCarouselHead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}
.courseCarouselHead h2{margin:7px 0 5px;color:#27343c;font-size:clamp(22px,2.5vw,30px)}
.courseCarouselHead p{margin:0;color:#727b82;font-size:13px;line-height:1.6}
.courseCarouselControls{display:flex;gap:8px;flex:none}
.courseCarouselControl{display:grid;place-items:center;width:42px;height:42px;border:1px solid #e5d9ce;border-radius:50%;background:#fff;color:#e95600;font-size:27px;line-height:1;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.courseCarouselControl:hover{transform:translateY(-2px);border-color:#F96400;background:#fff5ec}
.courseCarouselControl:focus-visible,.courseCarouselDots button:focus-visible{outline:3px solid #F9640066;outline-offset:2px}
.courseCarouselViewport{position:relative;isolation:isolate;overflow:hidden;width:100%;height:clamp(155px,24vw,282px);perspective:1500px;perspective-origin:50% 48%;touch-action:pan-y;user-select:none}
.courseCarouselTrack{position:absolute;inset:0;transform-style:preserve-3d}
.courseCarouselCard{position:absolute;top:0;left:50%;display:flex;align-items:center;justify-content:center;width:min(76%,1080px);height:100%;overflow:hidden;border:1px solid #f0e4da;border-radius:10px;background:#fff;box-shadow:0 18px 42px rgba(53,41,30,.16);transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.75,.22,1),opacity .3s,filter .3s,box-shadow .3s;color:inherit;text-decoration:none;cursor:pointer}
.courseCarouselCard[data-position="0"]{transform:translateX(-50%) translateZ(55px) rotateY(0) scale(1);z-index:5;opacity:1}
.courseCarouselCard[data-position="1"]{transform:translateX(-50%) translateX(78%) translateZ(-35px) rotateY(-17deg) scale(.84);opacity:.92}
.courseCarouselCard[data-position="-1"]{transform:translateX(-50%) translateX(-78%) translateZ(-35px) rotateY(17deg) scale(.84);opacity:.92}
.courseCarouselCard[data-position="2"]{transform:translateX(-50%) translateX(150%) translateZ(-125px) rotateY(-25deg) scale(.67);opacity:.42;filter:saturate(.8)}
.courseCarouselCard[data-position="-2"]{transform:translateX(-50%) translateX(-150%) translateZ(-125px) rotateY(25deg) scale(.67);opacity:.42;filter:saturate(.8)}
.courseCarouselCard[data-position="hidden"]{transform:translateX(-50%) translateZ(-220px) scale(.5);opacity:0;visibility:hidden;pointer-events:none}
.courseCarouselCard img{position:relative;z-index:0;display:block;width:100%;height:100%;object-fit:contain;background:#fff;opacity:0;transition:opacity .24s ease;pointer-events:none}
.courseCarouselCard.is-loaded img{opacity:1}
.courseCarouselCard::before{position:absolute;z-index:1;inset:0;content:"";background:linear-gradient(105deg,#f5f2ef 8%,#fff 18%,#f5f2ef 33%);background-size:220% 100%;animation:carouselShimmer 1.45s linear infinite;opacity:1;transition:opacity .2s}
.courseCarouselCard.is-loaded::before{opacity:0;pointer-events:none}
.courseCarouselCard.image-failed::before{animation:none;background:#f7f4f1}
.courseCarouselHint{position:absolute;z-index:2;right:12px;bottom:12px;padding:8px 12px;border:1px solid #fff8;border-radius:999px;background:#F96400;color:#fff;font-size:12px;font-weight:700;box-shadow:0 3px 12px #812f1426;pointer-events:none}
.courseCarouselFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 2px 0;color:#6a747b;font-size:12px}
.courseCarouselDots{display:flex;align-items:center;gap:7px}
.courseCarouselDots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:#ded7d1;cursor:pointer;transition:width .2s,background .2s}
.courseCarouselDots button.active{width:24px;background:#F96400}
.courseCarouselViewport.is-dragging{cursor:grabbing}
@keyframes carouselShimmer{to{background-position:-220% 0}}
@media(max-width:760px){
  .brandLogo{width:112px;height:36px}.brandTitle{max-width:140px;font-size:11px;white-space:normal}
  .heroIn{padding:58px 0 52px}.hero h1{font-size:clamp(29px,8vw,36px);line-height:1.28}
  .courseCarouselSection{padding:23px 0 36px}.courseCarouselHead{align-items:flex-start;margin-bottom:11px}.courseCarouselHead h2{font-size:22px}.courseCarouselHead p{max-width:250px;font-size:12px}
  .courseCarouselControls{gap:6px}.courseCarouselControl{width:36px;height:36px;font-size:23px}
  .courseCarouselViewport{height:clamp(145px,42vw,205px);margin:0 -5px;width:calc(100% + 10px);perspective:900px}
  .courseCarouselCard{width:88%;border-radius:7px}
  .courseCarouselCard[data-position="1"]{transform:translateX(-50%) translateX(82%) translateZ(-32px) rotateY(-16deg) scale(.84)}
  .courseCarouselCard[data-position="-1"]{transform:translateX(-50%) translateX(-82%) translateZ(-32px) rotateY(16deg) scale(.84)}
  .courseCarouselCard[data-position="2"]{transform:translateX(-50%) translateX(155%) translateZ(-110px) rotateY(-23deg) scale(.67)}
  .courseCarouselCard[data-position="-2"]{transform:translateX(-50%) translateX(-155%) translateZ(-110px) rotateY(23deg) scale(.67)}
  .courseCarouselHint{right:7px;bottom:7px;padding:6px 9px;font-size:10px}
  .courseCarouselFooter{margin-top:10px}
}
@media(max-width:380px){.brandTitle{display:none}.brandLogo{width:118px}}
@media(prefers-reduced-motion:reduce){.courseCarouselCard,.courseCarouselControl,.courseCarouselDots button,.courseCarouselCard img{transition:none}.courseCarouselCard::before{animation:none}.courseSideRail button,.btn{transition:none}}

/* Mobile first-fold refinement: keep a real course banner visible with the title and CTA. */
.brandTitle{max-width:490px;font-size:12px;line-height:1.25;white-space:nowrap}
@media(max-width:760px){
  .brandTitle{display:none}
  .heroIn{padding:34px 0 27px}
  .hero h1{font-size:clamp(26px,7.4vw,30px);line-height:1.2;margin:11px 0 13px}
  .hero p{margin:8px 0 13px;line-height:1.48}
  .heroMeta{margin:14px 0 16px}
  .heroActions{display:flex;flex-direction:row;gap:9px}
  .heroActions .btn{flex:1;min-width:0;min-height:45px;padding:10px 8px;font-size:13px;white-space:nowrap}
  .hero .count{margin-top:16px}
  .courseCarouselSection{padding-top:18px}
}

/* Fixed, compact primary navigation shared by the forum, courses and awards pages. */
html{scroll-padding-top:96px}
body[data-page]{padding-top:90px}
.nav{position:fixed;top:8px;left:0;right:0;z-index:50;padding:0;background:transparent;color:#29343b;backdrop-filter:none;pointer-events:none}
.nav .navinner{pointer-events:auto;width:min(1320px,calc(100% - 32px));height:68px;min-height:68px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(231,220,210,.88);border-radius:18px;background:rgba(255,255,255,.95);box-shadow:0 10px 32px rgba(49,39,30,.10);backdrop-filter:blur(16px)}
.nav .brand{flex:0 1 auto;min-width:0;gap:10px;color:#29343b;text-decoration:none}
.nav .brandLogo{display:block;flex:none;width:106px;height:36px;object-fit:contain}
.nav .brandTitle{display:block;max-width:390px;overflow:hidden;color:#343e43;font-size:11px;font-weight:700;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.nav .links{position:static;display:flex!important;flex:1 1 auto;justify-content:flex-end;align-items:center;gap:3px;min-width:0;padding:0;background:transparent;flex-direction:row}
.nav .links a{display:inline-flex;align-items:center;justify-content:center;padding:10px 11px;border-radius:999px;color:#566168;font-size:13px;font-weight:650;line-height:1.2;text-decoration:none;transition:background-color .18s,color .18s;white-space:nowrap}
.nav .links a:hover{background:#fff5ee;color:#c74b08}
.nav .links a[aria-current="page"]{background:#fff0e5;color:#c74b08;font-weight:800}
.nav .navLabelMobile{display:none}
.nav .desktopCta{flex:none;margin-left:3px;padding:10px 15px;border-radius:999px;background:#F96400;white-space:nowrap}
.nav .menuBtn{display:none!important}
.courseCarouselFooter{justify-content:flex-start;flex-wrap:wrap;gap:10px}
#courseCarouselStatus{margin-left:auto;text-align:right}
.courseCarouselDetails{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 15px;border:1px solid #F96400;border-radius:999px;background:#F96400;color:#fff;font-size:13px;font-weight:750;text-decoration:none;white-space:nowrap;box-shadow:0 4px 12px rgba(249,100,0,.16);transition:transform .18s,filter .18s,box-shadow .18s}
.courseCarouselDetails:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 7px 16px rgba(249,100,0,.22)}
.courseCarouselDetails:focus-visible{outline:3px solid #F9640066;outline-offset:3px}
@media(max-width:1050px){
  .nav .brandTitle{max-width:230px}
  .nav .brandLogo{width:96px}
  .nav .links a{padding:9px 8px;font-size:12px}
  .nav .desktopCta{padding:9px 12px}
}
@media(max-width:760px){
  html{scroll-padding-top:74px}
  body[data-page]{padding-top:64px}
  .nav{top:6px}
  .nav .navinner{width:calc(100% - 12px);height:50px;min-height:50px;padding:4px 7px;gap:5px;border-radius:14px}
  .nav .brand{flex:0 0 auto;gap:0}
  .nav .brandLogo{width:88px;height:30px}
  .nav .brandTitle{display:none!important}
  .nav .links{display:flex!important;position:static;flex:1 1 auto;justify-content:space-between;gap:0;min-width:0;padding:0;overflow:visible;background:transparent;flex-direction:row;align-items:center}
  .nav .links a{flex:1 1 0;min-width:0;padding:8px 3px;font-size:11px;line-height:1;text-align:center}
  .nav .navLabelDesktop{display:none}
  .nav .navLabelMobile{display:inline}
  .nav .desktopCta,.nav .menuBtn{display:none!important}
  .heroIn{padding:24px 0 18px}
  .hero h1{font-size:clamp(21px,5.8vw,22px);line-height:1.2;margin:7px 0 9px;letter-spacing:-.015em}
  .hero p{margin:5px 0 9px;line-height:1.4}
  .heroMeta{margin:9px 0 10px}
  .hero .count{margin-top:8px}
  .courseCarouselSection{padding-top:11px}
  .courseCarouselHead{margin-bottom:7px}
  .courseCarouselHead p{max-width:none}
  .courseCarouselViewport{height:clamp(106px,29vw,132px)}
  .courseCarouselFooter{gap:8px;margin-top:9px}
  .courseCarouselDetails{min-height:36px;padding:8px 12px;font-size:12px}
}
@media(max-width:380px){
  .nav .navinner{padding-right:5px;padding-left:5px;gap:3px}
  .nav .brandLogo{width:76px;height:27px}
  .nav .links a{padding-right:2px;padding-left:2px;font-size:10px}
}
@media(max-width:380px){
  body[data-page]{padding-top:58px}
  .heroIn{padding:18px 0 12px}
  .hero h1{font-size:18px;line-height:1.18;margin:6px 0 7px;letter-spacing:-.02em}
  .hero p{font-size:14px;margin:4px 0 7px;line-height:1.32}
  .heroMeta{gap:7px;margin:7px 0 8px;font-size:10px}
  .heroMeta b{font-size:9px;letter-spacing:.08em}
  .heroActions{margin-top:18px}
  .heroActions .btn{min-height:40px;padding:8px 5px;font-size:12px}
  .hero .count{margin-top:6px;font-size:12px}
  .courseCarouselSection{padding-top:8px}
  .courseCarouselHead h2{font-size:20px}
  .courseCarouselHead p{font-size:11px;line-height:1.3}
  .courseCarouselViewport{height:90px}
  .courseCarouselFooter{gap:6px;font-size:11px}
  .courseCarouselDetails{min-height:32px;padding:7px 10px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.courseCarouselDetails{transition:none}}

/* Desktop first-fold refinement: bring the interactive course banners into view sooner. */
@media(min-width:761px){.heroIn{padding:54px 0 48px}}


/* Low-clutter signup, unified advisor QR, and seamless mobile page transitions. */
main.page-transitioning{will-change:transform,opacity;pointer-events:none}
#registrationFormStore[hidden]{display:none!important}
.registerCtaPanel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border:1px solid #f0e3d9;border-radius:12px;background:linear-gradient(105deg,#fffaf6,#fff 70%);box-shadow:0 8px 22px rgba(58,42,29,.045)}
.registerCtaPanel>div{display:grid;gap:5px}
.registerCtaPanel b{color:#29343c;font-size:17px}
.registerCtaPanel span{color:#69747b;font-size:13px;line-height:1.65}
.registerCtaPanel .btn{flex:none;min-width:142px}
.modal.registrationModalOpen{align-items:flex-start;overflow-y:auto}
.modal.registrationModalOpen .modalBox.registrationModalBox{width:min(1040px,100%);max-width:1040px;max-height:calc(100dvh - 36px);padding:26px;border:1px solid #eee5de;border-radius:14px;box-shadow:0 24px 70px rgba(18,34,48,.22)}
.registrationModalHeader{margin:0 42px 18px 0;padding:0 0 14px;border-bottom:1px solid #eee5de}
.registrationModalHeader h2{margin:0;color:#29343c;font-size:24px;line-height:1.3}
.registrationModalHeader p{margin:6px 0 0;color:#69747b;font-size:13px;line-height:1.6}
.modal.registrationModalOpen #registrationForms.sec{padding:0}
.modal.registrationModalOpen #registrationForms>.wrap{width:100%;max-width:none;margin:0}
.modal.registrationModalOpen #registrationForms>.wrap>.sectionHead{display:none}
.modal.registrationModalOpen #registrationForms .split{gap:16px}
.modal.registrationModalOpen #registrationForms .card{height:100%;padding:19px}
.modal.registrationModalOpen #registrationForms .notice{margin-bottom:15px}
.contactModalContent{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:440px;margin:0 auto}
.contactModalContent img{display:block;width:min(280px,72vw);height:auto;aspect-ratio:1/1;object-fit:contain;border:1px solid #eee6df;border-radius:8px;background:#fff}
.contactModalContent p{margin:11px 0 0;line-height:1.65}
.contactModalContent .btn{margin-top:14px}
.contactInlineQrWrap{display:flex;align-items:center;gap:12px;margin-top:18px;padding:11px;border:1px solid #eee5de;border-radius:8px;background:#fffaf6}
.contactInlineQr{display:block;width:112px;height:112px;flex:none;object-fit:contain;border-radius:5px}
.contactInlineQrWrap span{color:#69747b;font-size:12px;line-height:1.6}
.awardTemplateActions{display:grid;justify-items:start;gap:9px;margin-top:15px}
.awardTemplateActions .btn{display:inline-flex;align-items:center;min-height:42px;text-decoration:none;text-align:center}
.awardTemplateActions small{line-height:1.6}
@media(max-width:760px){
  .registerCtaPanel{align-items:stretch;flex-direction:column;gap:13px;padding:16px}
  .registerCtaPanel .btn{width:100%;min-height:46px}
  .modal.registrationModalOpen{align-items:flex-end;padding:0;}
  .modal.registrationModalOpen .modalBox.registrationModalBox{width:100%;max-width:none;max-height:94vh;max-height:94dvh;padding:21px 14px calc(16px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0}
  .registrationModalHeader{margin-bottom:13px}
  .registrationModalHeader h2{font-size:21px}
  .modal.registrationModalOpen #registrationForms .card{padding:15px}
  .contactModalContent img{width:min(260px,72vw)}
  .contactInlineQr{width:92px;height:92px}
  .awardTemplateActions{width:100%}
  .awardTemplateActions .btn{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){main.page-transitioning{will-change:auto}}


/* Carousel side controls: keep arrows in the outer gutters, not over the centered poster. */
.courseCarouselStage{position:relative;isolation:isolate}
.courseCarouselControls{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:0;padding:0 5px;pointer-events:none}
.courseCarouselControl{pointer-events:auto;background:rgba(255,255,255,.62);border-color:rgba(255,255,255,.84);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);box-shadow:0 4px 16px rgba(32,39,42,.16)}
@media(max-width:760px){
  .courseCarouselCard{width:80%}
  .courseCarouselControls{inset:0 -7px;padding:0}
  .courseCarouselControl{width:28px;height:28px;font-size:19px}
}
@media(max-width:380px){.courseCarouselControl{width:24px;height:24px;font-size:17px}}

@media(min-width:761px){.courseCarouselControls{align-items:flex-start;padding:14px 5px 0}}
@media(max-width:760px){.courseCarouselCard{width:74%}.courseCarouselControls{align-items:center;padding:0}}

@media(min-width:761px){.courseCarouselControls{padding:0 5px 0}}


/* Awards page: compact past-winner list and photo rail beside a sticky application panel. */
.awardShowcaseGrid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:22px;align-items:start;margin-top:18px}
.awardPastColumn{display:grid;gap:14px;min-width:0}
.awardApplicationColumn{position:sticky;top:92px;align-self:start;max-height:calc(100dvh - 112px);overflow-y:auto;overscroll-behavior:contain;padding:2px 3px 4px 0;scrollbar-width:thin;scrollbar-color:#efc2a6 transparent}
.awardApplicationCard{height:auto!important;margin:0;border:1px solid #eee5de;box-shadow:0 16px 42px rgba(27,41,50,.12)}
.awardApplicationColumn>.btn{display:flex;justify-content:center;margin-top:12px}
.awardWinnersCard{padding:18px 18px 13px}
.awardPanelHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 12px}
.awardPanelHeader h3{margin:0;color:#26343d;font-size:18px;line-height:1.4}
.awardPanelHeader p{margin:4px 0 0;color:#758087;font-size:12px;line-height:1.55}
.awardWinnersCount,.awardPhotoHint{flex:none;padding:5px 9px;border-radius:999px;background:#fff4ec;color:#d95300;font-size:11px;font-weight:700;white-space:nowrap}
.awardWinnersScroller{max-height:320px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #eceff1;border-radius:10px;background:#fff;scrollbar-width:thin;scrollbar-color:#d8a27f #f5f6f7}
.awardWinnersList{margin:0;padding:0;list-style:none;counter-reset:award-winner}
.awardWinnersList li{display:grid;grid-template-columns:29px minmax(0,1fr);gap:7px;align-items:start;padding:7px 10px;border-bottom:1px solid #eff1f2;color:#39444b;font-size:12.5px;line-height:1.5;counter-increment:award-winner;overflow-wrap:anywhere}
.awardWinnersList li:nth-child(odd){background:#fffaf6}
.awardWinnersList li:last-child{border-bottom:0}
.awardWinnersList li::before{content:counter(award-winner,decimal-leading-zero);padding-top:1px;color:#e96719;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}
.awardSourceNote{margin:9px 0 0;color:#78838a;font-size:11px;line-height:1.55}
.awardPhotoPanel{min-width:0;padding:15px 15px 12px}
.awardPhotoHeader{align-items:center;margin-bottom:9px}
.awardPhotoRail{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;padding:1px 1px 9px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#d8a27f #f5f6f7}
.awardPhotoCard{flex:0 0 220px;aspect-ratio:3/2;margin:0;overflow:hidden;border:1px solid #ece7e2;border-radius:10px;background:#f5f6f7;scroll-snap-align:start}
.awardPhotoCard img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:980px){
  .awardShowcaseGrid{grid-template-columns:minmax(0,1fr);gap:16px}
  .awardApplicationColumn{position:static;order:-1;max-height:none;overflow:visible;padding:0}
  .awardPastColumn{order:0}
}
@media(max-width:760px){
  .awardShowcaseGrid{gap:14px;margin-top:14px}
  .awardApplicationCard{padding:17px!important}
  .awardWinnersCard{padding:15px 13px 11px}
  .awardWinnersScroller{max-height:270px}
  .awardWinnersList li{grid-template-columns:27px minmax(0,1fr);padding:7px 8px;font-size:12px}
  .awardPhotoPanel{padding:13px 11px 10px}
  .awardPhotoCard{flex-basis:78vw;max-width:300px}
}
@media(max-width:380px){.awardPhotoCard{flex-basis:82vw}.awardWinnersCard{padding-inline:11px}}
@media(prefers-reduced-motion:reduce){.awardPhotoRail{scroll-behavior:auto}}