:root { --bg:#000; --surface:rgba(255,255,255,0.03); --border:rgba(255,255,255,0.06); --text:#fff; --dim:rgba(255,255,255,0.5); --faint:rgba(255,255,255,0.3); --accent:#0ea5e9; --teal:#10b981; --grad:linear-gradient(135deg,#0ea5e9,#10b981); }
* { margin:0; padding:0; box-sizing:border-box; }
body { background:#000; color:#fff; font-family:-apple-system,BlinkMacSystemFont,sans-serif; min-height:100vh; overflow-x:hidden; }
.hidden { display:none !important; }
.gate { position:fixed; inset:0; display:flex; align-items:center; justify-content:center; background:#000; z-index:10; }
.gate-card { max-width:420px; padding:48px 40px; border:1px solid var(--border); border-radius:24px; background:var(--surface); text-align:center; }
.gate-card input { width:100%; margin-top:24px; padding:14px 18px; border:1px solid var(--border); border-radius:12px; background:rgba(255,255,255,0.04); color:#fff; font-size:14px; outline:none; }
.gate-card input:focus { border-color:var(--accent); }
.gate-card button { width:100%; margin-top:14px; padding:14px; border:0; border-radius:12px; background:var(--grad); color:#fff; font-size:14px; font-weight:600; cursor:pointer; }
.err { margin-top:14px; color:#f87171; font-size:13px; min-height:18px; }
.deck { min-height:100vh; display:flex; flex-direction:column; }
.slide { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:60px 40px; text-align:center; }
.sup { font-size:11px; letter-spacing:2px; color:var(--accent); text-transform:uppercase; font-weight:600; margin-bottom:18px; }
h1 { font-size:64px; font-weight:700; line-height:1.1; letter-spacing:-1.5px; max-width:1100px; }
h2 { font-size:44px; font-weight:700; line-height:1.15; letter-spacing:-1px; max-width:1000px; }
h3 { font-size:18px; font-weight:600; }
.gradient-text { background:var(--grad); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.sub { font-size:18px; color:var(--dim); margin-top:24px; max-width:760px; line-height:1.5; }
.meta { font-size:13px; color:var(--faint); margin-top:48px; letter-spacing:1px; }
.nav { position:fixed; bottom:32px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:18px; padding:10px 18px; background:var(--surface); border:1px solid var(--border); border-radius:999px; backdrop-filter:blur(20px); }
.nav-btn { width:36px; height:36px; border-radius:50%; border:1px solid var(--border); background:transparent; color:#fff; cursor:pointer; font-size:14px; }
.nav-btn:hover { background:rgba(255,255,255,0.06); }
.nav-btn:disabled { opacity:0.3; cursor:not-allowed; }
.counter { font-size:12px; color:var(--dim); letter-spacing:1px; min-width:50px; text-align:center; }