.intro{display:block!important;padding-block:60px!important}.intro>.large{max-width:850px;font-size:27px;margin:0}.hero-bottom>p{font-size:20px;max-width:660px}.hero-title h1{font-size:clamp(95px,12vw,180px)}.quiz-entry{display:grid;grid-template-columns:1.4fr 1fr;gap:90px;align-items:center;padding-block:40px 100px}.quiz-entry>div>p{max-width:500px;color:#aaa8bc}.quiz-entry .button{margin-top:8px}.quiz-teaser{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:25px 20px;border-block:1px solid #363641;padding:35px 0;color:#dddde9;font-size:20px}.teaser-check{border:1px solid #737590;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;color:#b7bcdf}.quiz-saved{font-size:12px;margin-top:18px}#quiz-dialog{width:min(650px,calc(100% - 32px));padding:50px;max-height:90svh;overflow-y:auto}#quiz-dialog h2{font-size:32px;letter-spacing:-1px;line-height:1.25;margin-bottom:25px}.quiz-close{position:absolute;right:18px;top:9px;font-size:30px;background:none;border:0}.quiz-progress{height:2px;background:#30303c;margin:0 0 16px}.quiz-progress span{height:100%;display:block;background:#bbc0e8;transition:width .25s}#quiz-dialog .quiz-counter{font-size:12px;color:#a4a3b5;margin-bottom:18px}#quiz-options{border:0;margin:0;padding:0;display:grid;gap:11px}#quiz-options label{border:1px solid #373745;border-radius:10px;padding:16px;display:flex;gap:14px;align-items:center;cursor:pointer;font-size:15px;line-height:1.5;transition:border-color .2s,background .2s}#quiz-options label:has(input:checked){border-color:#a3a9d6;background:#34375566}#quiz-options label:has(input:focus-visible){outline:2px solid #c5c7e3;outline-offset:3px}#quiz-options input{position:absolute;opacity:0;width:1px;height:1px}.answer-mark{width:24px;height:24px;border:1px solid #77788b;border-radius:50%;color:transparent;display:grid;place-items:center;flex-shrink:0}input:checked+.answer-mark{color:#000;background:#c5c7e3;border-color:#c5c7e3}.quiz-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px}.quiz-actions button[hidden]{display:none}.quiz-actions .button{padding:13px 23px;min-height:50px;margin-left:auto}.quiz-actions .button:disabled{opacity:.35;cursor:not-allowed;transform:none}.quiz-local-note{font-size:11px!important;line-height:1.5;margin:24px 0 0!important;color:#878599!important}#quiz-result p{font-size:17px;color:#c4c2d3}#quiz-result .button{font-size:14px;padding:16px 24px;gap:20px}.quiz-retry{display:block;margin:20px 0 0;border:0;background:none;text-decoration:underline;text-underline-offset:4px;color:#aaa8bc;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.quiz-entry{gap:40px}.quiz-teaser{font-size:17px}.hero-bottom>p{font-size:18px}}@media(max-width:600px){.hero-title h1{font-size:20vw}.hero-title h1 span{margin-left:0}.hero-title{margin-bottom:50px}.hero-bottom>p{font-size:17px}.intro{padding-block:40px!important}.intro>.large{font-size:22px}.quiz-entry{grid-template-columns:1fr;gap:30px;padding-block:20px 65px}.quiz-entry h2{font-size:36px}.quiz-teaser{font-size:17px;gap:18px}.quiz-entry p{font-size:15px}#quiz-dialog{padding:40px 22px 28px}#quiz-dialog h2{font-size:25px}#quiz-options label{padding:13px;font-size:14px}.quiz-actions .button{font-size:13px}.quiz-entry .button{font-size:14px}}

.hero-title h1 span{word-spacing:.08em}.quiz-send-status{font-size:12px!important;color:#a7adc9!important;margin-top:18px!important}

.hero{justify-content:flex-start;min-height:900px}.hero-offer{position:relative;z-index:2;font-size:clamp(19px,2.2vw,29px);line-height:1.55;max-width:690px;margin:55px 0 0;color:#f0eff7;text-shadow:0 2px 20px #000}.hero-title{margin:45px 0 35px}.hero-bottom{margin-top:auto;justify-content:flex-start;min-height:64px}.hero-bottom>div{min-width:0}.step-explanation{grid-template-columns:45px 1fr}.schedule{font-size:19px;color:#d1d0e0;margin-top:25px}.portal-scene{opacity:.8}@media(max-width:900px){.hero-offer{max-width:570px;margin-top:35px;font-size:23px}.hero{min-height:850px}.hero-title{margin-top:55px}}@media(max-width:600px){.hero{min-height:860px}.hero-offer{font-size:20px;line-height:1.55;margin-top:34px;max-width:340px}.hero-title{margin:70px 0 40px}.hero-title h1{font-size:20vw}.hero-bottom{margin-top:30px}.portal-scene{top:260px;opacity:.7}.schedule{font-size:18px}.step-explanation{grid-template-columns:35px 1fr}}

/* Hero: date, title, offer, action */
.hero-top>span.status{display:block}
.hero-top .status i{display:none}
.hero-title{margin:90px 0 30px}
.hero-offer{margin:0;max-width:690px}
.hero-bottom{margin-top:30px;min-height:64px}
@media(max-width:900px){.hero-title{margin:85px 0 30px}.hero-offer{margin:0;max-width:570px}.hero-top{font-size:13px}}
@media(max-width:600px){.hero-title{margin:85px 0 30px}.hero-offer{margin:0;max-width:340px;font-size:19px}.hero-top{font-size:11px}.portal-scene{top:160px}.hero-bottom{margin-top:28px}.hero{min-height:830px}}

/* Persistent, readable webinar date */
header{position:fixed;background:rgba(0,0,0,.94);backdrop-filter:blur(14px);border-bottom:1px solid #303038;gap:24px}
.webinar-date{display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.4;color:#fff}
.webinar-date strong{font-size:21px;font-weight:800;letter-spacing:.1px}
.webinar-date span{font-size:15px;font-weight:700;color:#f6f5f9}
.hero{padding-top:150px}
@media(max-width:900px){header{gap:14px}.webinar-date strong{font-size:18px}.webinar-date span{font-size:12px}.hero{padding-top:135px}}
@media(max-width:600px){header{height:142px;display:grid;grid-template-columns:1fr auto;grid-template-rows:62px 65px;gap:0 12px;padding:8px 24px}.webinar-date{grid-column:1/-1;grid-row:2;align-self:center;border-top:1px solid #34343e;padding-top:10px;width:100%}.webinar-date strong{font-size:20px}.webinar-date span{font-size:14px}header nav{grid-column:2;grid-row:1}.hero{padding-top:165px}.hero-title{margin-top:45px}html{scroll-padding-top:160px}}

/* Header CTA matches the main action */
header nav .pill{background:#343755;border:1px solid #5f6287;color:#fff;font-size:16px;font-weight:800;padding:16px 25px;gap:32px;min-height:58px;white-space:nowrap}
header nav .pill:hover{background:#494e76;border-color:#777ca5}
@media(max-width:900px){header nav .pill{font-size:15px;padding:14px 21px;gap:20px}}
@media(max-width:600px){header{padding-inline:18px;column-gap:10px}header nav .pill{font-size:14px;padding:12px 17px;gap:14px;min-height:48px}header .logo img{max-width:140px}}

/* Framed offer with its own clear space */
.hero{height:auto;max-height:none;min-height:100svh;padding-bottom:65px}
.hero-title{margin-bottom:42px}
.hero-title h1{font-weight:500;letter-spacing:-.07em;text-shadow:0 3px 35px rgba(0,0,0,.45)}
.hero-offer{max-width:680px;padding:26px 30px;border:1px solid rgba(183,189,231,.38);border-radius:22px;background:linear-gradient(130deg,rgba(36,39,61,.84),rgba(10,12,22,.72));backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 45px rgba(0,0,0,.25);font-size:clamp(20px,2vw,27px);line-height:1.55;text-shadow:none;color:#fff}
.hero-bottom{margin-top:32px;margin-bottom:0}
@media(max-width:900px){.hero{min-height:900px}.hero-offer{max-width:570px;padding:24px 27px;font-size:23px}.hero-title{margin-bottom:38px}}
@media(max-width:600px){.hero{min-height:900px;padding-bottom:55px}.hero-title{margin-top:50px;margin-bottom:36px}.hero-offer{max-width:100%;padding:22px;border-radius:18px;font-size:19px;line-height:1.6;background:linear-gradient(130deg,rgba(36,39,61,.9),rgba(10,12,22,.82))}.hero-bottom{margin-top:30px}.portal-scene{top:155px}}

/* Separate text and animation areas: no overlays */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto;gap:30px 48px;align-content:center;align-items:center;min-height:900px;height:auto;padding-top:155px;padding-bottom:70px}
.hero .portal-scene{position:relative;inset:auto;width:100%;height:650px;grid-column:2;grid-row:1/4;z-index:0;opacity:1;overflow:hidden;transform:none!important}
.hero .portal-image{object-fit:cover;object-position:70% center;width:100%;height:100%}
.hero .hero-title{grid-column:1;grid-row:1;margin:0;animation:none}
.hero .hero-title h1{font-size:clamp(75px,8.3vw,140px);line-height:.98;letter-spacing:-.065em}
.hero .hero-title h1 span{margin-left:0}
.hero .hero-offer{grid-column:1;grid-row:2;margin:0;max-width:100%;font-size:clamp(20px,1.8vw,26px);padding:25px 28px}
.hero .hero-bottom{grid-column:1;grid-row:3;margin:0;background:none;align-self:start}
@media(max-width:900px){.hero{gap:28px;min-height:800px;padding-top:135px}.hero .portal-scene{height:560px}.hero .hero-title h1{font-size:9vw}.hero .hero-offer{font-size:20px;padding:22px}}
@media(max-width:600px){.hero{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:26px;padding-top:180px;padding-bottom:55px;min-height:0}.hero .hero-title{order:0;margin:0}.hero .hero-title h1{font-size:21vw}.hero .portal-scene{order:1;height:380px;flex:none;width:100%;margin:0}.hero .portal-image{object-fit:cover;object-position:70% center}.hero .hero-offer{order:2;font-size:19px;padding:22px;margin:0}.hero .hero-bottom{order:3;margin:0;min-height:0}.hero .hero-title h1 span{margin-left:0}}

/* Airy blue light, larger editorial title, restrained offer frame */
:root{--violet:#354c91;--light:#d5e6ff}
.hero{column-gap:24px;background:radial-gradient(ellipse at 30% 36%,rgba(80,128,218,.13),transparent 53%),radial-gradient(ellipse at 83% 77%,rgba(109,150,229,.1),transparent 48%),#02040a}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(135deg,rgba(143,183,255,.045),transparent 55%)}
.hero .hero-title h1{font-size:clamp(90px,10.7vw,173px);line-height:.91;letter-spacing:-.075em;font-weight:500;color:#eef5ff;text-shadow:0 0 48px rgba(147,191,255,.16)}
.hero .hero-offer{border:1px solid rgba(174,205,255,.26);border-left:2px solid #9ec6ff;border-radius:0 20px 20px 0;background:linear-gradient(110deg,rgba(104,151,225,.13),rgba(29,50,88,.035));box-shadow:none;backdrop-filter:blur(6px);font-size:clamp(21px,1.9vw,29px);font-weight:400;line-height:1.65;letter-spacing:-.035em;padding:24px 27px;color:#e4edff}
.hero .hero-bottom .button,header nav .pill{background:#354c91;border-color:#718ed2;box-shadow:inset 0 1px 0 #ffffff1a,0 5px 30px #29487e22}
.hero .hero-bottom .button:hover,header nav .pill:hover{background:#4765b2}
.hero .portal-scene{filter:brightness(1.08)}
@media(max-width:900px){.hero .hero-title h1{font-size:10.5vw}.hero .hero-offer{font-size:21px;padding:23px}}
@media(max-width:600px){.hero{background:radial-gradient(ellipse at 40% 20%,rgba(90,144,238,.16),transparent 50%),#02040a}.hero .hero-title h1{font-size:24vw;line-height:.94}.hero .hero-offer{font-size:21px;line-height:1.6;padding:21px 23px}.hero .portal-scene{height:380px}}

.hero .portal-scene{mask-image:linear-gradient(to right,transparent,#000 5%,#000 96%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 96%,transparent)}

.intro{display:block;padding-block:95px}.intro .intro-copy{max-width:950px}.intro-copy>.large{font-size:clamp(29px,3.2vw,44px);line-height:1.3;margin-bottom:30px}.intro .intro-copy>p:last-child{max-width:840px;font-size:18px;line-height:1.8;color:#becbdd}.webinar-chain{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:0;margin:48px 0 0}.webinar-chain li{position:relative;border-top:1px solid #5575aa;padding-top:20px;color:#e9f2ff;font-size:18px;line-height:1.45}.webinar-chain li span{display:block;font-size:12px;color:#93b9ef;margin-bottom:12px}.webinar-chain li:not(:last-child):after{content:'→';position:absolute;right:-23px;top:15px;color:#8db8f7}.webinar-chain li{animation:chain-glow 8s ease-in-out infinite}.webinar-chain li:nth-child(2){animation-delay:2s}.webinar-chain li:nth-child(3){animation-delay:4s}.webinar-chain li:nth-child(4){animation-delay:6s}@keyframes chain-glow{0%,30%,100%{border-color:#425b80}10%,20%{border-color:#c2ddff}}
@media(max-width:600px){.intro{padding-block:65px}.intro .intro-copy>p:last-child{font-size:16px}.webinar-chain{grid-template-columns:1fr;gap:20px;margin-top:35px}.webinar-chain li{padding:12px 0 12px 40px;font-size:19px}.webinar-chain li span{position:absolute;left:0;top:16px}.webinar-chain li:not(:last-child):after{content:'↓';right:5px;top:auto;bottom:-20px}}
@media(prefers-reduced-motion:reduce){.webinar-chain li{animation:none}}

/* Clear intro hierarchy and tighter section spacing */
.intro{padding-top:55px;padding-bottom:32px}.intro .intro-copy{max-width:1100px}.intro .intro-copy>.large{font-family:Manrope,Arial,sans-serif;font-size:clamp(27px,3vw,40px);font-weight:700;line-height:1.5;letter-spacing:-.035em;margin:0;color:#eef4ff}.visual-steps{padding-top:10px}.visual-steps .section-head{margin-bottom:28px}.visual-steps #steps-title{font-size:clamp(25px,3vw,40px);font-weight:500;line-height:1.25;letter-spacing:-.04em;margin-bottom:0}
@media(max-width:600px){.intro{padding-top:40px;padding-bottom:26px}.intro .intro-copy>.large{font-size:27px;line-height:1.5}.visual-steps{padding-top:0}.visual-steps #steps-title{font-size:19px;letter-spacing:-.045em;white-space:nowrap}.visual-steps .section-head{margin-bottom:24px}}

#quiz-options .quiz-name-field{display:block;padding:0;border:0;background:none}#quiz-options input[type=text]{display:block;width:100%;padding:18px 20px;background:#131b2b;border:1px solid #7c97c4;border-radius:12px;color:#fff;font:inherit;font-size:20px;opacity:1;position:static;height:auto;outline-offset:4px}

/* Quiz motion: invitation, selection and question transitions */
.quiz-entry{position:relative;isolation:isolate;overflow:hidden;border:1px solid #344866;border-radius:28px;padding:55px;margin-bottom:90px;background:radial-gradient(ellipse at 85% 50%,#304f7e38,transparent 65%),#060b13}
.quiz-entry:before{content:'';position:absolute;z-index:-1;width:330px;height:330px;right:-80px;top:-100px;border-radius:50%;background:radial-gradient(circle,#639bff22,transparent 68%);animation:quiz-ambient 9s ease-in-out infinite alternate;pointer-events:none}
.quiz-teaser>span{animation:quiz-teaser-in 5s ease-in-out infinite}.quiz-teaser>span:nth-child(3),.quiz-teaser>span:nth-child(4){animation-delay:.7s}.quiz-teaser>span:nth-child(5),.quiz-teaser>span:nth-child(6){animation-delay:1.4s}
#quiz-start{transition:background .25s,transform .25s,box-shadow .25s;box-shadow:0 0 0 0 #789aff30;animation:quiz-invite 4s ease-out infinite}
#quiz-start:hover{transform:translateY(-3px);box-shadow:0 10px 28px #4d75bd33}
.quiz-progress span{transition:width .55s cubic-bezier(.22,1,.36,1);box-shadow:0 0 14px #9dbfff66}
.quiz-question-enter #quiz-heading{animation:quiz-question-in .35s ease-out both}
.quiz-question-enter #quiz-options label{animation:quiz-answer-in .4s ease-out both}.quiz-question-enter #quiz-options label:nth-of-type(2){animation-delay:.055s}.quiz-question-enter #quiz-options label:nth-of-type(3){animation-delay:.11s}.quiz-question-enter #quiz-options label:nth-of-type(4){animation-delay:.165s}.quiz-question-enter #quiz-options label:nth-of-type(5){animation-delay:.22s}
#quiz-options label{transition:border-color .2s,background .2s,box-shadow .2s}#quiz-options label:has(input:checked){box-shadow:inset 3px 0 #a9caff,0 0 20px #628ce919}#quiz-options label:has(input:checked) .answer-mark{animation:quiz-check-in .25s ease-out}
#quiz-result:not([hidden]){animation:quiz-question-in .45s ease-out both}
@keyframes quiz-ambient{to{transform:translate(-100px,140px) scale(1.3);opacity:.5}}@keyframes quiz-teaser-in{0%,100%{opacity:.65;transform:translateX(0)}35%,65%{opacity:1;transform:translateX(5px)}}@keyframes quiz-invite{0%,75%,100%{box-shadow:0 0 0 0 #789aff00}35%{box-shadow:0 0 0 9px #789aff18}}@keyframes quiz-question-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes quiz-answer-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes quiz-check-in{from{transform:scale(.7)}to{transform:scale(1)}}
@media(max-width:600px){.quiz-entry{padding:30px 23px;border-radius:22px;margin-bottom:60px}.quiz-entry h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.quiz-entry:before,.quiz-teaser>span,#quiz-start,.quiz-question-enter #quiz-heading,.quiz-question-enter #quiz-options label,#quiz-result:not([hidden]),#quiz-options label:has(input:checked) .answer-mark{animation:none!important}.quiz-progress span{transition:none}}

/* Distinct bridge from the invitation to the four steps */
.intro{border-top:0;padding-top:35px;padding-bottom:48px}.intro .intro-bridge{max-width:none;position:relative;display:grid;grid-template-columns:1fr 1.65fr;gap:45px;align-items:center;padding:48px 50px 60px;border:1px solid #526e9c;border-radius:26px;background:radial-gradient(ellipse at 15% 40%,#5b8bdf25,transparent 65%),linear-gradient(125deg,#14223a,#090f1b);box-shadow:inset 0 1px 0 #ffffff12;isolation:isolate}.bridge-time{font-size:clamp(36px,4.5vw,66px);font-weight:700;letter-spacing:-.06em;line-height:1.05;color:#e7f1ff;max-width:330px}.bridge-copy{border-left:1px solid #6381ad66;padding-left:40px}.bridge-main{font-size:clamp(24px,2.4vw,34px);line-height:1.35;letter-spacing:-.035em;font-weight:500;margin:0 0 18px;color:#f4f7ff}.intro .intro-copy .bridge-audience{font-size:17px;line-height:1.7;color:#bbcce7;margin:0;max-width:580px}.bridge-down{position:absolute;left:calc(50% - 22px);bottom:-23px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #6989ba;border-radius:50%;background:#101e34;color:#d7e9ff;font-size:25px;box-shadow:0 0 24px #74a7ff22;animation:bridge-arrow 3s ease-in-out infinite}.visual-steps .section-head{padding-top:10px}@keyframes bridge-arrow{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@media(max-width:900px){.intro .intro-bridge{gap:28px;padding:35px 30px 48px}.bridge-copy{padding-left:28px}}
@media(max-width:600px){.intro{padding-top:24px;padding-bottom:42px}.intro .intro-bridge{display:block;padding:32px 25px 43px;border-radius:22px}.bridge-time{font-size:43px;max-width:none;margin-bottom:24px}.bridge-copy{border-left:0;border-top:1px solid #6381ad66;padding:23px 0 0}.bridge-main{font-size:26px;margin-bottom:17px}.intro .intro-copy .bridge-audience{font-size:16px;line-height:1.65}}
@media(prefers-reduced-motion:reduce){.bridge-down{animation:none}}

.intro .bridge-copy .bridge-main{font-size:clamp(24px,2.4vw,34px);color:#f4f7ff;line-height:1.35}@media(max-width:600px){.intro .bridge-copy .bridge-main{font-size:26px}}

/* Luminous, dimensional controls and sequential audience cards */
.button,header nav .pill,.hero .hero-bottom .button{position:relative;background:linear-gradient(160deg,#7698e9 0%,#4b6dc0 34%,#2e4789 72%,#24386b 100%);border:1px solid #a2bdf4;border-bottom-color:#445e99;box-shadow:inset 0 2px 1px #edf4ff66,inset 0 -3px 4px #10214b66,0 5px 0 #15274e,0 12px 25px #0006;color:#fff;text-shadow:0 1px 2px #152752;font-weight:800;transition:transform .2s,box-shadow .2s,filter .2s;animation:none}
.button:hover,header nav .pill:hover,.hero .hero-bottom .button:hover{background:linear-gradient(160deg,#99b8ff,#5b7fd1 38%,#354f92 80%);transform:translateY(-2px);box-shadow:inset 0 2px 1px #fff7,inset 0 -3px 4px #10214b55,0 7px 0 #15274e,0 16px 30px #0007}.button:active,header nav .pill:active{transform:translateY(3px);box-shadow:inset 0 2px 3px #0002,0 2px 0 #15274e}
.quiz-entry{border-color:#6e8aba;background:radial-gradient(ellipse at 85% 20%,#678cd64a,transparent 65%),linear-gradient(130deg,#17243d,#090f1c);box-shadow:inset 0 1px 0 #d5e5ff2b,0 18px 50px #0004}.quiz-entry h2{color:#f3f7ff;text-shadow:0 2px 25px #789edb22}.quiz-entry>div>p{color:#d3def0;font-size:18px}.quiz-entry .quiz-teaser{gap:18px 14px;color:#f3f7ff;font-size:20px;font-weight:600}.quiz-teaser>span{animation:none;opacity:0;transform:translateY(15px)}.quiz-teaser .teaser-check{color:#dceaff;background:linear-gradient(145deg,#6b91db,#243b6c);box-shadow:inset 0 1px 2px #eff6ff66,0 5px 12px #0004;border:1px solid #95b2e4}
.quiz-entry.teaser-visible .quiz-teaser>span{animation:teaser-reveal .65s cubic-bezier(.22,1,.36,1) both}.quiz-entry.teaser-visible .quiz-teaser>span:nth-child(1),.quiz-entry.teaser-visible .quiz-teaser>span:nth-child(2){animation-delay:.15s}.quiz-entry.teaser-visible .quiz-teaser>span:nth-child(3),.quiz-entry.teaser-visible .quiz-teaser>span:nth-child(4){animation-delay:.85s}.quiz-entry.teaser-visible .quiz-teaser>span:nth-child(5),.quiz-entry.teaser-visible .quiz-teaser>span:nth-child(6){animation-delay:1.55s}
@keyframes teaser-reveal{from{opacity:0;transform:translateY(15px);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(max-width:600px){.quiz-entry .quiz-teaser{font-size:18px}.quiz-entry>div>p{font-size:17px}}
@media(prefers-reduced-motion:reduce){.quiz-teaser>span{opacity:1;transform:none}.quiz-entry.teaser-visible .quiz-teaser>span{animation:none}}

.author img{filter:none!important}.author figure:after{display:none}.author-copy .author-quote{border-top:1px solid #405373;padding-top:25px;margin-top:30px;color:#e5edff;font-size:24px;line-height:1.55}.credentials{margin-top:0}

.credentials li:last-child{grid-column:auto}

/* Readable first-person author credentials in one list */
.author{gap:65px;align-items:start}.author-copy h2{font-size:clamp(38px,4vw,60px);margin-bottom:32px}.author-facts{display:flex;flex-direction:column;list-style:none;padding:0;margin:0 0 30px;gap:0}.author-facts li{position:relative;padding:18px 0 18px 25px;border-bottom:1px solid #354761;color:#edf3ff;font-size:21px;line-height:1.55}.author-facts li:before{content:'';position:absolute;left:0;top:31px;width:7px;height:7px;border-radius:50%;background:#a4caff;box-shadow:0 0 12px #94b9ff40}.author-facts strong{font-weight:800;color:#fff;font-size:inherit}.author-story{margin-top:28px}.author-story p{font-size:19px;line-height:1.7;color:#d8e4f5;margin:0 0 12px}.author-copy>p.author-invitation{font-size:21px;line-height:1.65;color:#edf4ff;padding:25px 0 0;margin-top:28px;border-top:1px solid #6786b2}
@media(max-width:900px){.author{gap:35px}.author-facts li{font-size:19px}.author-story p{font-size:18px}}
@media(max-width:600px){.author{gap:32px}.author-copy h2{font-size:43px}.author-facts li{font-size:20px;padding-block:17px}.author-story p{font-size:19px}.author-copy>p.author-invitation{font-size:20px}}

.author-copy h2{margin-bottom:16px}.author-copy>p.author-role{font-size:23px;font-weight:600;color:#bbd5ff;margin-bottom:26px;line-height:1.5}.author-facts{border-top:1px solid #354761}.author figure{position:sticky;top:120px}.author-story{padding:24px 27px;border:1px solid #45618b;border-radius:18px;background:linear-gradient(125deg,#28416a22,#101a2b55)}.author-story p:last-child{margin-bottom:0}.author-copy>p.author-invitation{border-top:0;border-left:2px solid #98bcf2;padding:0 0 0 24px;font-size:21px}
@media(max-width:600px){.author figure{position:static}.author-story{padding:22px}.author-copy>p.author-role{font-size:22px}.author-copy>p.author-invitation{font-size:20px}}

.evening-journey{position:relative;text-align:center;padding:42px 45px 35px;border:1px solid #4f6d98;border-radius:26px;background:radial-gradient(ellipse at 50% 50%,#33588c42,transparent 75%),#09101d;overflow:hidden}.evening-journey h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(27px,3vw,40px);font-weight:700;letter-spacing:-.035em;margin:0 0 14px;color:#c8dfff}.intro .journey-sentence{font-size:clamp(23px,2.8vw,37px);font-weight:500;line-height:1.35;letter-spacing:-.035em;max-width:850px;margin:0 auto 36px;color:#f5f8ff}.evening-route{display:flex;align-items:center;gap:25px;max-width:850px;margin:0 auto 35px}.evening-end{flex:0 0 230px;display:flex;flex-direction:column;align-items:center;gap:15px}.evening-end svg{width:86px;height:86px;padding:14px;border:1px solid #8caee266;border-radius:22px;background:linear-gradient(140deg,#476b9e66,#14253f);box-shadow:inset 0 2px 0 #e7f2ff24,0 10px 28px #0004;fill:none;stroke:#d8eaff;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;animation:evening-float 4s ease-in-out infinite}.evening-end:last-child svg{animation-delay:2s}.evening-end span{font-size:20px;font-weight:700;color:#f1f6ff}.evening-flow{flex:1;height:2px;background:linear-gradient(90deg,#4b668f,#98bcea,#4b668f);position:relative;align-self:center;margin-top:-38px}.evening-flow:after{content:'';position:absolute;right:0;top:-4px;border-top:2px solid #b6d4ff;border-right:2px solid #b6d4ff;width:8px;height:8px;transform:rotate(45deg)}.evening-flow i{position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:#e0eeff;box-shadow:0 0 15px #85b6ff;animation:evening-travel 3.6s linear infinite}.evening-flow i:nth-child(2){animation-delay:1.2s}.evening-flow i:nth-child(3){animation-delay:2.4s}.intro .evening-audience{display:block;margin:0;padding-top:26px;border-top:1px solid #45638e66;font-family:Georgia,serif;font-style:italic;font-size:clamp(22px,2.2vw,29px);line-height:1.5;color:#e0eaff}
@keyframes evening-travel{0%{left:0;opacity:0}10%,85%{opacity:1}100%{left:100%;opacity:0}}@keyframes evening-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:600px){.evening-journey{padding:30px 19px}.evening-journey h2{font-size:27px}.intro .journey-sentence{font-size:25px;margin-bottom:28px}.evening-route{gap:10px;margin-bottom:28px}.evening-end{flex-basis:115px}.evening-end svg{width:72px;height:72px;padding:12px}.evening-end span{font-size:16px;line-height:1.4}.evening-flow{min-width:20px;margin-top:-50px}.intro .evening-audience{font-size:23px;padding-top:24px}}
@media(prefers-reduced-motion:reduce){.evening-end svg,.evening-flow i{animation:none}}

/* Compact centered horizontal evening block */
#about .evening-journey{width:100%;max-width:1120px;margin-inline:auto;padding:28px 40px 25px;border-radius:22px}#about .evening-journey h2{font-size:29px;margin-bottom:8px}#about .journey-sentence{font-size:27px;line-height:1.3;margin-bottom:22px;max-width:none}#about .evening-route{max-width:800px;margin-bottom:20px;gap:30px}#about .evening-end{flex-basis:220px;gap:9px}#about .evening-end svg{width:64px;height:64px;padding:10px;border-radius:17px}#about .evening-end span{font-size:18px}#about .evening-flow{margin-top:-30px}#about .evening-audience{font-size:22px;padding-top:17px;line-height:1.4}
@media(max-width:600px){#about .evening-journey{padding:25px 18px}#about .evening-journey h2{font-size:25px}#about .journey-sentence{font-size:22px;margin-bottom:22px}#about .evening-route{gap:10px}#about .evening-end{flex-basis:112px}#about .evening-end span{font-size:15px}#about .evening-audience{font-size:21px}}

#about .evening-journey>.evening-audience{max-width:none;width:100%;margin-inline:auto;text-align:center;color:#dce9ff}

/* Shared luminous blue finish for quiz and primary actions */
#for.quiz-entry{border:1px solid #8ebcff;background:radial-gradient(ellipse at 88% 42%,#4d8ee65c,transparent 60%),radial-gradient(ellipse at 10% 0%,#72a6ed25,transparent 55%),linear-gradient(125deg,#142a4c,#0a1528);box-shadow:inset 0 1px 1px #e3f0ff55,0 0 40px #659eff18,0 20px 55px #0005}
#for.quiz-entry:before{background:radial-gradient(circle,#80b8ff55,transparent 68%);width:440px;height:440px;top:-100px;right:-70px}
#for.quiz-entry h2{color:#f7fbff;font-weight:700;text-shadow:0 0 25px #80b5ff44;letter-spacing:-.045em;line-height:1.15}
#for.quiz-entry>div>p{color:#e1edff;font-size:20px;line-height:1.65}
#for .quiz-teaser{font-size:22px;font-weight:700;color:#fff;gap:24px 16px;text-shadow:0 0 16px #93bdff22}
#for .quiz-teaser .teaser-check{background:linear-gradient(145deg,#a1d4ff,#548deb 48%,#2b54ab);color:white;border-color:#c7e5ff;box-shadow:inset 0 2px 1px #ffffff88,0 3px 0 #1a366c,0 0 24px #6cafff55}
.button,header nav .pill,.hero .hero-bottom .button,#quiz-start{background:linear-gradient(165deg,#a3d5ff 0%,#5b9cf2 24%,#386bd5 57%,#294eaa 100%);border-color:#c3e0ff;border-bottom-color:#668fdf;box-shadow:inset 0 2px 1px #ffffff99,inset 0 -3px 3px #1d3f8d77,0 5px 0 #173574,0 0 27px #599cff35,0 13px 30px #0005;color:#fff;font-weight:800;text-shadow:0 1px 2px #153b86;animation:none}
.button:hover,header nav .pill:hover,.hero .hero-bottom .button:hover,#quiz-start:hover{background:linear-gradient(165deg,#d0ecff,#81b9ff 24%,#4b86e8 57%,#345fc0);box-shadow:inset 0 2px 1px #fffc,inset 0 -3px 3px #1d3f8d55,0 7px 0 #173574,0 0 40px #74b4ff55,0 15px 35px #0006}
@media(max-width:600px){#for.quiz-entry>div>p{font-size:18px}#for .quiz-teaser{font-size:19px;gap:20px 14px}#for.quiz-entry h2{font-size:35px}}

/* Crisp navy, polished silver and cobalt: no haze */
#for.quiz-entry{background:#080e1b;border:1px solid #66778f;border-radius:24px;box-shadow:inset 0 1px 0 #dae5f233,0 16px 35px #0005;overflow:hidden}
#for.quiz-entry:before{display:none;animation:none;background:none;filter:none;box-shadow:none}
#for.quiz-entry h2{text-shadow:none;color:#f5f7fc;font-weight:600;letter-spacing:-.055em}
#for.quiz-entry>div>p{color:#c9d1df}
#for .quiz-teaser{border:0;gap:25px 18px;font-weight:500;color:#f6f8fc;text-shadow:none}
#for .quiz-teaser .teaser-check{background:linear-gradient(145deg,#f3f5fa 0%,#b2c2da 45%,#667b9e 100%);border:1px solid #e4ebf5;box-shadow:inset 0 1px 0 #fff,0 3px 0 #34445f;color:#132440;text-shadow:none}
#for .quiz-teaser>span,#for.teaser-visible .quiz-teaser>span{animation:none!important;opacity:0;transform:translateY(12px);filter:none;transition:opacity .55s ease,transform .55s cubic-bezier(.22,1,.36,1)}
#for .quiz-teaser>span.teaser-shown{opacity:1;transform:none}
.button,header nav .pill,.hero .hero-bottom .button,#quiz-start{background:linear-gradient(180deg,#416fe6 0%,#2853c7 49%,#2046b4 51%,#1b3d9d 100%);border:1px solid #91aaf1;border-bottom-color:#4e69a9;box-shadow:inset 0 1px 0 #ffffff77,inset 0 -2px 2px #10286088,0 4px 0 #102455,0 9px 18px #0005;text-shadow:none;color:#fff;filter:none}
.button:hover,header nav .pill:hover,.hero .hero-bottom .button:hover,#quiz-start:hover{background:linear-gradient(180deg,#5784f2,#365fd4 49%,#294fbf 51%,#2447aa);box-shadow:inset 0 1px 0 #ffffff88,0 5px 0 #102455,0 12px 22px #0006}
@media(prefers-reduced-motion:reduce){#for .quiz-teaser>span{opacity:1;transform:none;transition:none}}

/* Four literal, lightweight 3D bonus objects */
.bonuses .section-head h2{font-size:clamp(32px,4vw,55px)}.bonus-grid{gap:30px}.bonus-grid article{border-top:0;padding-top:0}.bonus-grid article:hover{transform:none}.bonus-object{height:285px;display:flex;align-items:center;justify-content:center;perspective:900px;margin-bottom:27px}.bonus-sheet{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:185px;height:245px;padding:22px 20px;border:1px solid #c3d7f1;border-radius:13px;background:linear-gradient(145deg,#e1ebf9,#a9bedc 65%,#7d9bc2);color:#142b4f;box-shadow:inset 2px 2px 0 #fff8,6px 7px 0 #344c70,13px 20px 26px #0007;transform:rotateY(-13deg) rotateZ(-5deg);animation:bonus-object-float 6s ease-in-out infinite}.bonus-sheet:after{content:'';position:absolute;inset:7px -5px -5px 5px;border-radius:13px;border:1px solid #748eaf;z-index:-1}.object-label{font-size:10px;font-weight:800;letter-spacing:1px}.bonus-sheet>strong{font-size:66px;font-weight:700;line-height:1.3;letter-spacing:-4px}.bonus-sheet>strong>span{font-size:37px;letter-spacing:0;margin-left:12px}.check-lines{display:grid;grid-template-columns:22px 1fr;gap:9px;width:100%;margin-top:5px}.check-lines i{font-style:normal;font-size:15px;font-weight:800;opacity:0;animation:bonus-check 6s infinite}.check-lines i:nth-of-type(2){animation-delay:.6s}.check-lines i:nth-of-type(3){animation-delay:1.2s}.check-lines b{height:3px;background:#47678955;align-self:center;border-radius:2px}.question-bubble{font-size:11px;font-weight:600;background:#fff8;border:1px solid #fff9;border-radius:9px;padding:7px 10px;margin-top:8px;animation:bonus-bubble 5s ease-in-out infinite}.question-bubble:last-child{animation-delay:1s;align-self:flex-end}.object-hooks .bonus-sheet{transform:rotateY(12deg) rotateZ(4deg);animation-delay:-2s}.hook-play{width:42px;height:42px;border-radius:50%;border:1px solid #587697;display:grid;place-items:center;background:#fff6;margin-top:0;font-size:17px;animation:bonus-play 4s ease-in-out infinite}.object-footer{font-size:10px;font-weight:800;letter-spacing:.7px;margin-top:auto}.object-questions .bonus-sheet{animation-delay:-1s}.object-assistant .bonus-sheet{background:linear-gradient(145deg,#304e81,#102241);color:#edf6ff;animation-delay:-3s;border-color:#9db8df}.assistant-monogram{font-family:Georgia,serif;font-style:italic;font-size:76px;line-height:1.4;align-self:center}.assistant-dots{display:flex;gap:6px;background:#ffffff16;border:1px solid #8dadd26b;border-radius:12px;padding:12px 17px;align-self:center}.assistant-dots i{height:5px;width:5px;border-radius:50%;background:#c4ddff;animation:bonus-dot 1.5s ease-in-out infinite}.assistant-dots i:nth-child(2){animation-delay:.2s}.assistant-dots i:nth-child(3){animation-delay:.4s}.bonus-grid h3{font-size:21px;color:#f1f5ff}.bonus-grid p{font-size:16px;color:#bdcbe0;line-height:1.7}
@keyframes bonus-object-float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes bonus-check{0%,10%,100%{opacity:.15}25%,85%{opacity:1}}@keyframes bonus-bubble{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes bonus-play{50%{transform:scale(1.1)}}@keyframes bonus-dot{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}
@media(max-width:600px){.bonus-grid{gap:30px 22px}.bonus-object{height:220px;margin-bottom:20px}.bonus-sheet{width:135px;height:195px;padding:17px 13px}.object-label{font-size:8px;letter-spacing:.3px}.bonus-sheet>strong{font-size:48px}.question-bubble{font-size:9px;padding:5px 7px}.object-footer{font-size:8px;letter-spacing:.2px}.assistant-monogram{font-size:57px}.bonus-grid h3{font-size:19px}.bonus-grid p{font-size:14px}.hook-play{width:33px;height:33px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.bonus-sheet,.check-lines i,.question-bubble,.hook-play,.assistant-dots i{animation:none}.check-lines i{opacity:1}}

.bonus-render{aspect-ratio:1;overflow:hidden;border-radius:16px;border:1px solid #344865;margin-bottom:26px;background:#070e1b;perspective:1000px}.bonus-render img{display:block;width:100%;height:100%;object-fit:cover;animation:bonus-render-motion 7s ease-in-out infinite alternate;transform-origin:50% 60%}.bonus-render.object-questions img{animation-delay:-2s}.bonus-render.object-hooks img{animation-delay:-4s}.bonus-render.object-assistant img{animation-delay:-1s}.bonus-grid article{min-width:0}.bonus-grid h3{margin-top:0}@keyframes bonus-render-motion{from{transform:scale(1.015) rotateY(-2deg)}to{transform:scale(1.065) rotateY(2deg)}}@media(max-width:600px){.bonus-render{border-radius:12px;margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.bonus-render img{animation:none}}

#bonuses .section-head h2{font-size:clamp(26px,3.1vw,43px);line-height:1.25;letter-spacing:-.045em;white-space:nowrap;margin-bottom:20px}#bonuses .section-head>p:last-child{font-family:Manrope,Arial,sans-serif;font-size:22px;font-weight:600;line-height:1.5;color:#e1edff;max-width:none;margin-bottom:0}
@media(max-width:900px){#bonuses .section-head h2{font-size:3.55vw}}
@media(max-width:600px){#bonuses .section-head h2{font-size:28px;white-space:normal}#bonuses .section-head>p:last-child{font-size:20px}}

.closing{padding-top:80px;width:100%;max-width:none;overflow:hidden}.closing h2{font-size:clamp(48px,7vw,96px);max-width:1200px;margin:0 auto 30px;padding-inline:24px}.closing>p.closing-offer{font-family:Manrope,Arial,sans-serif;font-size:clamp(20px,2vw,27px);line-height:1.65;max-width:820px;margin:0 auto 30px;padding-inline:24px;color:#dce8fc}.closing .button{margin-top:5px}.closing>p.schedule{margin:35px auto 25px;padding:0 24px;color:#f4f8ff}.schedule strong{display:block;font-size:clamp(25px,3vw,37px);font-weight:800;line-height:1.4}.schedule span{display:block;font-size:18px;font-weight:600;margin-top:7px}.destination-panorama{width:100%;height:clamp(290px,37vw,580px);overflow:hidden;position:relative;margin-top:30px;background:#050a15;mask-image:linear-gradient(transparent,#000 13%,#000 94%,transparent)}.destination-panorama img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;animation:destination-drift 18s ease-in-out infinite alternate}.school-footer{justify-content:center;text-align:center;border-top:1px solid #27354d;padding-block:28px}.school-footer p{display:block!important;color:#d2deef;font-size:17px;font-weight:500}.closing-sign{display:none}@keyframes destination-drift{from{transform:scale(1.01) translateY(0)}to{transform:scale(1.055) translateY(-6px)}}@media(max-width:600px){.closing{padding-top:55px}.closing h2{font-size:49px;line-height:1.08}.closing>p.closing-offer{font-size:20px;line-height:1.6}.schedule span{font-size:16px}.destination-panorama{height:310px}.school-footer p{font-size:15px}}@media(prefers-reduced-motion:reduce){.destination-panorama img{animation:none}}

.school-footer{justify-content:space-between;text-align:right;align-items:center}.school-footer p{margin:0}.closing h2{font-size:clamp(42px,5.5vw,76px);line-height:1.1}.closing>p.closing-offer{max-width:780px}
@media(max-width:600px){.school-footer{gap:25px;flex-direction:row;flex-wrap:nowrap}.school-footer .logo img{width:130px}.school-footer p{font-size:13px;max-width:170px;line-height:1.6}.closing h2{font-size:42px}}

/* Seamless black hero matches the original portal background */
#home.hero{background:#000}#home.hero:before{display:none;background:none}#home .portal-scene{background:#000;filter:none;opacity:1}#home .portal-image{filter:none}#home .hero-title h1{text-shadow:none}
@media(max-width:600px){#home.hero{background:#000}}

.author-copy h2{font-size:clamp(29px,3.1vw,47px);white-space:nowrap;letter-spacing:-.05em}.author-copy>p.author-role{font-size:25px;font-weight:800;color:#f0f5ff;line-height:1.5;margin-top:18px}#for.quiz-entry h2{font-size:clamp(32px,4vw,54px)}
@media(max-width:900px){.author-copy h2{font-size:3.3vw}.author-copy>p.author-role{font-size:22px}}
@media(max-width:600px){.author-copy h2{font-size:clamp(26px,7.4vw,34px)}.author-copy>p.author-role{font-size:23px}#for.quiz-entry h2{font-size:33px}}

/* Quiet offer, strong title: clear typographic hierarchy */
#home .hero-offer{font-size:clamp(19px,1.65vw,24px);font-weight:400;line-height:1.65;letter-spacing:-.015em;color:#c4ccda;padding:22px 25px;background:rgba(14,20,32,.5);border:1px solid #3a4558;border-left:1px solid #647b9f;border-radius:14px;box-shadow:none;backdrop-filter:none;text-shadow:none}
@media(max-width:900px){#home .hero-offer{font-size:20px}}
@media(max-width:600px){#home .hero-offer{font-size:19px;line-height:1.65;padding:20px 22px}}

#for.quiz-entry h2{font-size:clamp(28px,3.2vw,43px);line-height:1.25}
/* Mobile composition, rather than a compressed desktop grid */
@media(max-width:600px){
.wrap{width:calc(100% - 36px)}
header{padding-inline:18px;height:130px;grid-template-rows:56px 58px}.webinar-date strong{font-size:18px}.webinar-date span{font-size:12px}.webinar-date{padding-top:8px}header .logo img{width:125px}header nav .pill{font-size:12px;padding:11px 16px;min-height:44px}
.button>span,header .pill>span{display:none}.button{justify-content:center;font-size:16px;min-height:54px;padding:15px 22px;gap:0}
#home.hero{padding:160px 18px 35px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:230px auto auto;gap:24px 12px;min-height:0;align-content:start}
#home .hero-title{grid-column:1;grid-row:1;align-self:center;margin:0;z-index:2}#home .hero-title h1{font-size:16vw;line-height:1;letter-spacing:-.075em}#home .hero-title h1 span{margin-left:0;white-space:nowrap}
#home .portal-scene{grid-column:2;grid-row:1;position:relative;inset:auto;height:230px;width:100%;margin:0;overflow:hidden}#home .portal-image{object-fit:cover;object-position:72% center}#home .hero-offer{grid-column:1/-1;grid-row:2;font-size:18px;line-height:1.65;padding:20px;margin:0}#home .hero-bottom{grid-column:1/-1;grid-row:3;margin:0;display:block}#home .hero-bottom>div{display:block;min-width:0}#home .hero-bottom .button{width:100%}
#about.intro{padding-top:26px!important;padding-bottom:36px!important}#about .evening-journey{padding:24px 16px}#about .journey-sentence{font-size:21px}#about .evening-audience{font-size:20px}#about .evening-end{flex-basis:105px}
.visual-steps{padding-bottom:42px}.visual-steps #steps-title{white-space:normal;font-size:24px;line-height:1.3}.step-cards{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 20px;scrollbar-width:thin;scrollbar-color:#668bc4 #152039;align-items:stretch}.step-card{flex:0 0 86%;height:auto;scroll-snap-align:start}.step-card .step-picture{aspect-ratio:1.1}.step-card h3{font-size:23px;min-height:2.8em;line-height:1.4;margin-top:18px}.step-card>p{font-size:16px;line-height:1.7}.step-route{display:none}
#for.quiz-entry{display:flex;flex-direction:column;gap:0;align-items:stretch;padding:28px 23px;margin-bottom:48px;border-radius:20px}#for.quiz-entry>div:first-child{display:contents}#for.quiz-entry h2{order:0;font-size:29px;line-height:1.3;letter-spacing:-.04em;margin:0 0 25px}#for .quiz-teaser{order:1;display:grid;grid-template-columns:32px 1fr;gap:20px 12px;padding:0;margin:0 0 30px;font-size:18px}#for .teaser-check{width:28px;height:28px;font-size:16px}#for #quiz-start{order:2;width:100%;margin:0}#for #quiz-saved{display:none}
#quiz-dialog{padding:38px 22px 25px;width:calc(100% - 24px);max-height:calc(100svh - 30px);border-radius:20px}#quiz-dialog h2{font-size:26px}#quiz-options label{padding:15px 13px;font-size:16px;gap:12px}.quiz-actions{gap:12px}
.author{display:flex;flex-direction:column;gap:25px;padding-bottom:48px}.author figure{width:68%;max-width:280px;margin:0 auto;position:static}.author img{border-radius:100px 100px 10px 10px}.author-copy{width:100%}.author-copy h2{font-size:clamp(27px,7.2vw,34px);margin-bottom:12px}.author-copy>p.author-role{font-size:21px;margin-top:0;margin-bottom:22px}.author-facts li{font-size:18px;line-height:1.6;padding-block:15px}.author-story{padding:21px}.author-story p{font-size:17px;line-height:1.7}
.bonuses{padding-block:40px 45px}#bonuses .section-head h2{font-size:28px;white-space:normal;line-height:1.3}#bonuses .section-head>p:last-child{font-size:18px}.bonus-grid{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px;scrollbar-width:thin;scrollbar-color:#668bc4 #152039}.bonus-grid article{flex:0 0 86%;scroll-snap-align:start;opacity:1!important;transform:none!important}.bonus-render{aspect-ratio:1;margin-bottom:19px}.bonus-grid h3{font-size:23px;line-height:1.4;min-height:2.8em}.bonus-grid p{font-size:16px;line-height:1.7}
.closing{padding-top:42px}.closing h2{font-size:36px;padding-inline:20px;margin-bottom:26px}.closing .button{width:calc(100% - 40px);max-width:360px}.closing>p.schedule{margin-top:28px}.schedule strong{font-size:25px}.destination-panorama{height:230px;margin-top:22px}.school-footer{padding-block:22px;gap:20px}.school-footer p{font-size:12px;max-width:155px}.school-footer .logo img{width:115px}
}

/* Graphite-blue action palette */
.button,header nav .pill,.hero .hero-bottom .button,#quiz-start{background:linear-gradient(180deg,#626c80 0%,#475267 48%,#3b465c 52%,#303b50 100%);border:1px solid #8b96aa;border-bottom-color:#4c586f;box-shadow:inset 0 1px 0 #e8edf44d,inset 0 -2px 2px #151d3266,0 4px 0 #1a2233,0 8px 17px #0005;color:#f6f8fc;text-shadow:none;filter:none}
.button:hover,header nav .pill:hover,.hero .hero-bottom .button:hover,#quiz-start:hover{background:linear-gradient(180deg,#768197 0%,#56637c 48%,#47546b 52%,#3c485f 100%);border-color:#a4afc0;box-shadow:inset 0 1px 0 #f3f6fa66,0 5px 0 #1a2233,0 10px 20px #0005}
.button:active,header nav .pill:active,#quiz-start:active{box-shadow:inset 0 2px 3px #10182855,0 1px 0 #1a2233;transform:translateY(3px)}

/* Centered glass actions with sculpted edges */
.button,header nav .pill,.hero .hero-bottom .button,#quiz-start{display:inline-flex;align-items:center;justify-content:center;position:relative;gap:0;text-align:center;padding:19px 50px;min-height:64px;font-family:Manrope,Arial,sans-serif;font-size:19px;font-weight:700;letter-spacing:-.025em;color:#f4f7fd;background:linear-gradient(155deg,rgba(165,188,222,.24),rgba(78,102,142,.2) 43%,rgba(34,52,82,.48) 70%,rgba(105,130,169,.22));border:1px solid rgba(183,204,235,.55);border-bottom-color:#526785;border-radius:22px;backdrop-filter:blur(12px);box-shadow:inset 0 2px 1px #f4f8ff38,inset 1px 0 1px #d5e5ff17,inset 0 -3px 4px #0a152c77,0 4px 0 #172238,0 10px 20px #0005;text-shadow:0 1px 2px #0004;transition:background .25s,transform .25s,box-shadow .25s}
.button>span,header nav .pill>span{position:absolute;right:23px;font-size:19px;opacity:.8}
.button:hover,header nav .pill:hover,.hero .hero-bottom .button:hover,#quiz-start:hover{background:linear-gradient(155deg,rgba(189,211,241,.33),rgba(102,130,171,.28) 43%,rgba(42,65,103,.55) 70%,rgba(124,151,192,.3));border-color:#b4c7e4;box-shadow:inset 0 2px 1px #ffffff55,inset 0 -3px 4px #0a152c66,0 5px 0 #172238,0 13px 25px #0005;transform:translateY(-1px)}
header nav .pill{font-size:17px;min-height:56px;padding:15px 48px;border-radius:19px}.quiz-actions .button{font-size:18px;justify-content:center;padding-inline:40px}#quiz-start{min-width:245px}.hero-bottom>div{align-items:center}
@media(max-width:600px){.button,header nav .pill,.hero .hero-bottom .button,#quiz-start{font-size:18px;min-height:58px;padding:16px 28px;border-radius:18px;text-align:center;justify-content:center}header nav .pill{font-size:13px;min-height:44px;padding:11px 17px;border-radius:15px}.button>span,header nav .pill>span{display:none}#quiz-start{min-width:0;width:100%}.quiz-actions .button{font-size:17px;padding-inline:24px}}

/* Five bonus covers, balanced rows on desktop */
@media(min-width:701px){#bonuses .bonus-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:32px}#bonuses .bonus-grid>article{grid-column:span 2}#bonuses .bonus-grid>article:nth-child(4){grid-column:2/span 2}#bonuses .bonus-grid>article:nth-child(5){grid-column:4/span 2}}

/* Centered portal and original standing portrait on the right */
#home.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 1.04fr .85fr;grid-template-rows:auto auto auto;gap:26px 22px;padding:165px max(36px,calc((100vw - 1400px)/2)) 70px;min-height:860px;align-content:center;overflow:hidden}
#home .portal-scene{position:absolute;left:35%;top:145px;width:34%;height:650px;grid-column:auto;grid-row:auto;mask-image:none;-webkit-mask-image:none;z-index:0}
#home .portal-image{object-fit:cover;object-position:72% center;width:100%;height:100%}
#home .portal-glow{inset:10% 3% 8% 3%}
#home .hero-lilia{position:absolute;right:0;top:160px;width:29%;height:650px;margin:0;z-index:1;pointer-events:none;mask-image:linear-gradient(#000 86%,transparent);-webkit-mask-image:linear-gradient(#000 86%,transparent)}
#home .hero-lilia img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block}
#home .hero-title{grid-column:1;grid-row:1;align-self:end;z-index:2}
#home .hero-title h1{font-size:clamp(70px,7.5vw,115px);line-height:1;letter-spacing:-.065em}
#home .hero-title h1 span{white-space:nowrap;margin-left:0}
#home .hero-offer{grid-column:1;grid-row:2;align-self:start;font-size:clamp(18px,1.45vw,22px);padding:20px;z-index:2}
#home .hero-bottom{grid-column:1;grid-row:3;z-index:2}
#home .hero-bottom>div{min-width:0}
#home .hero-bottom .button{width:100%;padding-inline:40px}
@media(max-width:1000px){
#home.hero{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:auto 450px auto auto;gap:22px 0;padding:155px 24px 45px;min-height:0;align-content:start}
#home .hero-title{grid-column:1/-1;grid-row:1;text-align:center;justify-content:center}
#home .hero-title h1{font-size:clamp(64px,9vw,90px)}
#home .hero-title h1 br{display:none}
#home .hero-title h1 span{margin-left:.12em}
#home .portal-scene{position:relative;left:auto;top:auto;grid-column:1;grid-row:2;width:100%;height:450px}
#home .hero-lilia{position:relative;right:auto;top:auto;grid-column:2;grid-row:2;width:100%;height:450px}
#home .hero-offer{grid-column:1/-1;grid-row:3;max-width:700px;justify-self:center;font-size:20px}
#home .hero-bottom{grid-column:1/-1;grid-row:4;justify-self:center;width:min(100%,400px)}
}
@media(max-width:600px){
#home.hero{padding:152px 18px 35px;grid-template-rows:auto 310px auto auto;gap:20px 0}
#home .hero-title h1{font-size:15vw}
#home .portal-scene,#home .hero-lilia{height:310px}
#home .portal-image{object-position:72% center}
#home .hero-offer{font-size:18px;line-height:1.6;padding:19px}
}

@media(max-width:600px){#home .hero-lilia img{object-fit:cover;object-position:50% top}}

/* Restore the larger headline and quiet offer; group portrait with portal */
@media(min-width:1001px){
#home.hero{grid-template-columns:minmax(0,42%) 1fr;min-height:850px;gap:26px 24px;padding-top:155px;padding-bottom:65px}
#home .hero-title h1{font-size:clamp(90px,10.7vw,173px);line-height:.91;letter-spacing:-.075em;font-weight:500}
#home .hero-title{overflow:visible}
#home .hero-offer{font-size:clamp(19px,1.65vw,24px);font-weight:400;line-height:1.65;letter-spacing:-.015em;color:#c4ccda;padding:22px 25px;background:rgba(14,20,32,.5);border:1px solid #3a4558;border-left:1px solid #647b9f;border-radius:14px}
#home .portal-scene{left:40%;width:32%;height:570px;top:160px}
#home .hero-lilia{right:6%;top:162px;width:34%;height:580px}
#home .hero-bottom .button{width:auto;min-width:290px;padding:19px 50px}
}
@media(max-width:1000px){#home .hero-lilia{margin-left:-18px;width:calc(100% + 18px)}}

/* Mobile portrait joins the portal as one composition */
@media(max-width:600px){
#home .hero-lilia{margin-left:-43px;width:calc(100% + 43px);z-index:1}
#home .hero-lilia img{object-fit:contain;object-position:left bottom;transform:scale(1.08);transform-origin:left bottom}
#home .portal-scene{overflow:visible}
}

@media(max-width:600px){#home .hero-lilia{margin-left:-58px}}

/* Soft portal light behind the original photograph */
#home .hero-lilia{isolation:isolate;overflow:visible}
#home .hero-lilia:before{content:"";position:absolute;inset:0 -12% 3% -12%;z-index:-1;background:radial-gradient(ellipse at 48% 39%,rgba(113,156,224,.32) 0%,rgba(69,111,183,.19) 33%,rgba(44,77,137,.08) 53%,transparent 70%);filter:blur(19px);pointer-events:none}
#home .hero-lilia img{position:relative;z-index:1}
@media(max-width:600px){#home .hero-lilia:before{inset:0 -6% 0 -8%;filter:blur(12px);background:radial-gradient(ellipse at 47% 38%,rgba(126,172,236,.35),rgba(63,110,184,.2) 37%,transparent 72%)}}

.school-footer{flex-wrap:wrap}.school-footer .footer-legal{width:100%;display:flex;justify-content:flex-end;gap:26px;flex-wrap:wrap}.footer-legal a{font-size:14px;color:#bdc8dc;text-decoration:underline;text-underline-offset:4px}.quiz-privacy{font-size:13px;line-height:1.6;color:#bac5d8;margin-top:20px;max-width:550px}.quiz-privacy a{color:#d2e1fa;text-decoration:underline}@media(max-width:600px){.school-footer p{display:block;max-width:190px}.school-footer .footer-legal{justify-content:center;gap:15px}.footer-legal a{font-size:13px}#for .quiz-privacy{order:3;font-size:12px;margin:20px 0 0}}

/* Keep the entire head inside the mobile portrait area */
@media(max-width:600px){
#home .hero-lilia{overflow:visible}
#home .hero-lilia img{object-fit:contain;object-position:left bottom;transform:none;transform-origin:center bottom}
}