@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #05060a;--ink: #e8ecf4;--dim: #8b93a7;--cyan: #37e3ff;--violet: #8b5cf6;--pink: #ff3d81;--card: rgba(16, 19, 28, .72);--line: rgba(139, 147, 167, .18)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:Space Grotesk Variable,system-ui,sans-serif}body{overflow:hidden}h1,h2{font-weight:600;letter-spacing:-.02em}.grad{background:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.chapter{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:4rem clamp(1.25rem,6vw,6rem);max-width:780px}.chapter h2,.chapter p,.chapter .kicker{text-shadow:0 2px 18px rgba(5,6,10,.95),0 0 6px rgba(5,6,10,.85)}.chapter .kicker{color:var(--cyan);text-transform:uppercase;letter-spacing:.35em;font-size:.75rem;margin:0 0 .75rem}.chapter h2{font-size:clamp(2rem,6vw,3.6rem);margin:0 0 1rem;line-height:1.05}.chapter p.lead{color:var(--dim);font-size:clamp(1rem,2vw,1.2rem);line-height:1.6;margin:0 0 1.5rem}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.25rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}button.btn{font:inherit;color:var(--ink);background:linear-gradient(90deg,#37e3ff29,#8b5cf629);border:1px solid rgba(55,227,255,.35);border-radius:999px;padding:.6rem 1.4rem;cursor:pointer;transition:border-color .2s,transform .2s;touch-action:manipulation;min-height:40px}button.btn:hover{border-color:var(--cyan);transform:translateY(-1px)}button.btn.active{background:linear-gradient(90deg,#37e3ff59,#8b5cf659);border-color:var(--cyan)}button.btn:disabled{opacity:.4;cursor:default}input[type=range]{width:100%;accent-color:var(--violet);min-height:32px}.hero{position:relative;height:100vh;display:grid;place-items:center;text-align:center}.hero h1{font-size:clamp(3.2rem,12vw,8rem);letter-spacing:.3em;text-indent:.3em;margin:0}.hero .sub{color:var(--dim);letter-spacing:.2em;text-transform:uppercase;font-size:clamp(.7rem,2vw,.95rem)}.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:var(--dim);font-size:.8rem;letter-spacing:.25em;text-transform:uppercase;animation:bob 2.2s ease-in-out infinite}@keyframes bob{0%,to{transform:translate(-50%) translateY(0);opacity:.5}50%{transform:translate(-50%) translateY(8px);opacity:1}}.unsupported{height:100vh;display:grid;place-items:center;text-align:center;padding:2rem}