/* 1VYN / Cloudflare Pages – zero external dependencies */
:root { color-scheme: dark; --bg:#080F26; --white:#f8fbff; --muted:#9aa7c4; --gold:#ffc348; --blue:#3245db; }
*,*::before,*::after{box-sizing:border-box}
html{min-height:100%;background:var(--bg)}
body{margin:0;min-height:100vh;min-height:100dvh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--white);-webkit-font-smoothing:antialiased;overflow-x:hidden}
button{font:inherit}
.scene{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 50% -18%,#24398b 0%,transparent 48%),linear-gradient(150deg,#070d21 0%,#0a1531 52%,#080d22 100%)}
.scene::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(165,195,255,.16) .8px,transparent .8px);background-size:29px 29px;opacity:.2;mask-image:linear-gradient(to bottom,transparent,black 24%,black 76%,transparent)}
.glow{position:absolute;border-radius:50%;filter:blur(75px);pointer-events:none}
.glow-top{width:460px;height:460px;top:-180px;right:-130px;background:rgba(35,72,244,.24)}
.glow-bottom{width:500px;height:500px;bottom:-270px;left:-170px;background:rgba(33,86,255,.15)}
.beam{position:absolute;width:400px;height:1px;transform:rotate(-38deg);background:linear-gradient(90deg,transparent,rgba(121,162,255,.12),transparent)}
.beam-one{top:18%;left:-11%}.beam-two{bottom:20%;right:-10%}
.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:36px 18px max(24px,env(safe-area-inset-bottom));}
.panel{position:relative;isolation:isolate;width:100%;max-width:472px;padding:42px 40px 29px;overflow:hidden;border:1px solid rgba(142,170,248,.21);border-radius:26px;background:linear-gradient(165deg,rgba(22,37,80,.94),rgba(9,18,42,.98) 52%,rgba(8,17,38,.98));box-shadow:0 32px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.055)}
.panel::after{content:"";position:absolute;z-index:-1;top:-182px;left:50%;width:410px;height:380px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(49,82,231,.20),transparent);pointer-events:none}
.panel-highlight{position:absolute;top:0;left:15%;width:70%;height:1px;background:linear-gradient(90deg,transparent,rgba(118,155,255,.85),transparent)}
.brand{text-align:center;margin:0 0 35px}.brand-logo{display:block;margin:0 auto;width:200px;max-width:65%;height:auto;filter:drop-shadow(0 8px 20px rgba(0,0,0,.2))}.brand-subtitle{font-size:9px;line-height:1.4;letter-spacing:4px;color:rgba(219,226,255,.65);margin:8px 0 0 4px;font-weight:700}
.stage{position:relative}.eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;letter-spacing:2.2px;font-size:10px;font-weight:800;color:#e7c27f;margin-bottom:13px}.eyebrow-dot{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 11px rgba(255,189,62,.5)}
h1{font-size:clamp(24px,6vw,32px);line-height:1.17;letter-spacing:-1.15px;text-align:center;margin:0 0 12px;font-weight:760}
.intro{font-size:14px;line-height:1.75;color:#a9b7d6;text-align:center;max-width:340px;margin:0 auto 29px}
.step-label{display:flex;align-items:center;justify-content:center;gap:20px;color:#ebf0ff;font-size:12px;font-weight:600;letter-spacing:.2px;margin:0 0 28px}.step-label b{font-size:11px;color:var(--gold);margin-right:6px}.step-label .muted{color:#6e7e9f}.step-label .muted b{color:#798aaf}.step-divider{width:46px;height:1px;background:linear-gradient(90deg,rgba(255,195,72,.6),rgba(116,130,178,.3))}
.slider-shell{width:100%;}.slider-caption{display:flex;justify-content:space-between;align-items:center;margin:0 4px 10px;font-size:10px;font-weight:800;letter-spacing:1.4px;color:#e8efff}.caption-arrow{color:#f7c875;font-size:17px;line-height:1}
.slider-track{position:relative;height:72px;width:100%;overflow:hidden;border:1px solid rgba(149,169,211,.2);border-radius:19px;background:linear-gradient(145deg,rgba(11,22,51,.98),rgba(19,32,66,.94));box-shadow:inset 0 3px 12px rgba(0,0,0,.29);touch-action:none;user-select:none;-webkit-user-select:none}
.slider-progress{position:absolute;inset:0 auto 0 0;width:0;opacity:.98;border-radius:17px;background:linear-gradient(90deg,#df9029,#ffce60);box-shadow:0 0 30px rgba(255,196,65,.3);pointer-events:none;will-change:width}
.slider-prompt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 70px;color:#c4d0eb;font-size:14px;white-space:nowrap;letter-spacing:.05px;font-weight:600;pointer-events:none;transition:opacity .18s}
.prompt-arrows{color:#788abb;letter-spacing:3px;font-size:18px;font-weight:400;margin-top:-2px}
.slider-end{position:absolute;right:18px;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:#7288b8;pointer-events:none}
.slider-thumb{position:absolute;top:6px;left:6px;height:58px;width:58px;border:0;border-radius:15px;cursor:grab;color:#1a226d;background:#fff;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 4px 12px rgba(0,0,0,.24);touch-action:none;user-select:none;will-change:left;outline:0;}
.slider-thumb:focus-visible{outline:3px solid #ffcb5e;outline-offset:3px}.slider-thumb:active{cursor:grabbing}.tick-icon{display:none}
.slider-status{min-height:19px;margin:13px 4px 0;text-align:center;color:#92a5ce;font-size:12px;line-height:1.55}
.slider-shell.success .slider-progress{background:linear-gradient(90deg,#2aab83,#65e5bc);box-shadow:0 0 32px rgba(85,233,191,.22)}
.slider-shell.success .slider-thumb{background:#e9fff8;color:#057758;cursor:default}
.slider-shell.success .tick-icon{display:block}.slider-shell.success .arrow-icon,.slider-shell.success .slider-prompt,.slider-shell.success .slider-end{display:none}
.slider-shell.success .slider-status{color:#73e6bd}
.success-fallback{display:block;width:max-content;margin:6px auto 0;color:#ffd57c;font-size:12px;text-decoration:underline;text-underline-offset:4px}
.success-fallback[hidden]{display:none}
.footer{margin:36px -40px -29px;padding:19px 20px;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(4,9,22,.36);border-top:1px solid rgba(142,170,248,.12);font-size:11px;line-height:1.4;color:#8191b2}.footer-mark{font-size:15px;color:var(--gold)}
.bottom-note{color:#6c7996;font-size:11px;letter-spacing:.55px;text-align:center;margin:0}.bottom-note span{padding:0 4px}
.noscript-message{position:fixed;bottom:10px;left:10px;right:10px;text-align:center;background:#371c1c;padding:12px;border-radius:8px;font-size:13px}
@media (max-width:480px){.page{padding:24px 15px 26px;gap:18px}.panel{padding:34px 23px 24px;border-radius:23px}.brand{margin-bottom:30px}.brand-logo{width:194px}.intro{margin-bottom:26px}.step-label{margin-bottom:25px}.footer{margin:31px -23px -24px;padding:18px 15px}.slider-track{height:70px}.slider-thumb{width:56px;height:56px}.slider-prompt{font-size:13px}}
@media (max-width:360px){.panel{padding-left:17px;padding-right:17px}.footer{margin-left:-17px;margin-right:-17px}.slider-prompt{font-size:12px;padding-left:64px;padding-right:60px}.prompt-arrows{font-size:15px;letter-spacing:1px}.brand-logo{width:175px}.brand-subtitle{letter-spacing:3px}}
@media (max-height:670px){.page{padding-top:18px;padding-bottom:18px;gap:12px}.panel{padding-top:25px}.brand{margin-bottom:20px}.brand-logo{width:170px}.intro{margin-bottom:19px}.step-label{margin-bottom:19px}.footer{margin-top:22px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}