:root{--black: #0A0A0A;--black-soft: #141414;--ink: #1A1208;--gold: #D4AF37;--gold-light: #F0D78A;--gold-deep: #B8902C;--cream: #E8DCC4;--cream-dim: rgba(232, 220, 196, .65);--cream-faint: rgba(232, 220, 196, .4);--line: rgba(212, 175, 55, .18);--line-strong: rgba(212, 175, 55, .45);--serif: "Playfair Display", Georgia, serif;--sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--app-max: 480px;--radius: 18px;--ease: cubic-bezier(.22, .8, .22, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--black);color:var(--cream);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100%}body{min-height:100dvh;overflow-x:hidden;position:relative}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.aurora{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% -10%,rgba(212,175,55,.1) 0%,transparent 55%),radial-gradient(ellipse at 50% 110%,rgba(184,90,30,.08) 0%,transparent 55%),var(--black)}.aurora__orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;will-change:transform}.aurora__orb--1{width:55vmax;height:55vmax;top:-15vmax;left:-10vmax;background:radial-gradient(circle,rgba(212,175,55,.22) 0%,transparent 62%);animation:drift1 22s ease-in-out infinite alternate}.aurora__orb--2{width:45vmax;height:45vmax;bottom:-12vmax;right:-8vmax;background:radial-gradient(circle,rgba(240,215,138,.16) 0%,transparent 62%);animation:drift2 28s ease-in-out infinite alternate}.aurora__orb--3{width:36vmax;height:36vmax;top:35%;left:40%;background:radial-gradient(circle,rgba(184,144,44,.14) 0%,transparent 60%);animation:drift3 19s ease-in-out infinite alternate}@keyframes drift1{0%{transform:translate(-6%,-4%) scale(1)}to{transform:translate(10%,12%) scale(1.18)}}@keyframes drift2{0%{transform:translate(6%,4%) scale(1.1)}to{transform:translate(-10%,-8%) scale(1)}}@keyframes drift3{0%{transform:translate(0) scale(1);opacity:.35}to{transform:translate(-14%,10%) scale(1.25);opacity:.55}}@media(prefers-reduced-motion:reduce){.aurora__orb{animation:none}}.app{position:relative;z-index:1;max-width:var(--app-max);margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:0 20px}.topbar{padding:18px 0 14px;display:flex;flex-direction:column;gap:12px;position:sticky;top:0;z-index:10;background:linear-gradient(180deg,var(--black) 60%,transparent)}.topbar__brand{display:flex;align-items:center;justify-content:space-between}.topbar__logo{font-family:var(--serif);font-size:20px;letter-spacing:.18em;color:var(--cream);font-weight:700}.topbar__chapter{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600}.progress{display:flex;gap:6px}.progress__seg{flex:1;height:3px;border-radius:2px;background:#e8dcc41f;overflow:hidden;position:relative}.progress__seg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--gold-deep),var(--gold-light));transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}.progress__seg.is-done:after{transform:scaleX(1)}.progress__seg.is-active:after{transform:scaleX(1);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.stage{flex:1;display:flex;flex-direction:column;justify-content:center;padding:8px 0 28px}.step{display:none;flex-direction:column;gap:20px;animation:stepIn .5s var(--ease)}.step.is-active{display:flex}@keyframes stepIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:600;display:inline-flex;align-items:center;gap:8px}.eyebrow:before{content:"";width:22px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.title{font-family:var(--serif);font-weight:500;font-size:clamp(26px,8vw,34px);line-height:1.12;color:#fff;letter-spacing:-.01em}.title .gold{background:linear-gradient(135deg,var(--gold-light),var(--gold) 55%,var(--gold-deep));-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic}.lead{font-size:15.5px;color:var(--cream-dim);line-height:1.6}.lead strong{color:var(--cream);font-weight:600}.hook{font-size:15px;line-height:1.6;color:var(--cream);padding:16px 18px;border-left:2px solid var(--gold);background:linear-gradient(90deg,rgba(212,175,55,.06),transparent);border-radius:0 12px 12px 0}.hook strong{color:var(--gold-light)}.videoframe{position:relative;padding:3px;border-radius:var(--radius);background:linear-gradient(135deg,#d4af3780,#d4af3714 45%,#d4af3780);box-shadow:0 24px 60px #0009,0 0 40px #d4af371f}.videoframe__inner{position:relative;border-radius:calc(var(--radius) - 3px);overflow:hidden;background:#000;aspect-ratio:16 / 9}.videoframe__inner>*{width:100%!important;height:100%!important;display:block}.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse at center,rgba(212,175,55,.1),transparent 65%),linear-gradient(180deg,#15100a,#0a0a0a);color:var(--cream-dim);text-align:center;padding:20px}.video-placeholder__play{width:64px;height:64px;border-radius:50%;border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;background:#d4af3714;box-shadow:0 0 30px #d4af3733}.video-placeholder__play svg{width:26px;height:26px;fill:var(--gold);margin-left:4px}.video-placeholder__label{font-size:12px;letter-spacing:.06em}.video-placeholder__tag{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);opacity:.7}.btn{position:relative;display:block;width:100%;padding:17px 20px;border-radius:14px;background:linear-gradient(180deg,var(--gold) 0%,var(--gold-deep) 100%);color:#1a1208;font-weight:800;font-size:15px;letter-spacing:.04em;text-transform:uppercase;text-align:center;overflow:hidden;box-shadow:0 8px 24px #d4af374d,inset 0 1px #ffe69680;transition:transform .15s var(--ease),box-shadow .25s var(--ease),opacity .2s}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);transform:translate(-120%);transition:transform .7s var(--ease)}.btn:hover:before{transform:translate(120%)}.btn:active{transform:translateY(1px) scale(.995)}.btn:disabled{opacity:.4;filter:grayscale(.4);cursor:not-allowed;box-shadow:none}.btn small{display:block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:none;margin-top:3px;opacity:.85}.btn-ghost{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--cream-dim);letter-spacing:.04em;padding:8px 0;align-self:center}.btn-ghost:hover{color:var(--gold)}.question__hint{font-size:12px;color:var(--cream-faint);letter-spacing:.04em}.options{display:flex;flex-direction:column;gap:10px}.option{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:15px 16px;border-radius:14px;background:#ffffff08;border:1px solid var(--line);color:var(--cream);font-size:15px;transition:all .2s var(--ease)}.option:hover{border-color:var(--line-strong);background:#d4af370d}.option.is-selected{border-color:var(--gold);background:linear-gradient(135deg,#d4af3724,#d4af370a);box-shadow:0 0 24px #d4af371f}.option__check{flex-shrink:0;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line-strong);display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease)}.option.is-selected .option__check{background:linear-gradient(135deg,var(--gold-light),var(--gold-deep));border-color:var(--gold)}.option.is-selected .option__check:after{content:"✓";color:#1a1208;font-size:13px;font-weight:900}.option--check .option__check{border-radius:6px}.closer{text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center}.closer .ornament{color:var(--gold);opacity:.4;letter-spacing:8px;font-size:14px}.app__footer{text-align:center;padding:16px 0 24px;font-size:10px;letter-spacing:.1em;color:var(--cream-faint)}@media(min-width:600px){:root{--app-max: 540px}.title{font-size:38px}.videoframe__inner{aspect-ratio:16 / 9}}