:root,[data-theme=dark]{--bg:oklch(13% .008 250);--bg-2:oklch(16% .01 250);--bg-3:oklch(19% .012 250);--line:oklch(27% .012 250);--line-soft:oklch(22% .012 250);--fg:oklch(97% .003 250);--fg-dim:oklch(72% .01 250);--fg-faint:oklch(50% .012 250);--accent:oklch(88% .22 128);--accent-ink:oklch(18% .05 128);--shadow:0 1px 0 oklch(100% 0 0/.05) inset, 0 20px 60px -20px oklch(0% 0 0/.6);--background:var(--bg);--foreground:var(--fg);--card:var(--bg-2);--card-foreground:var(--fg);--muted:var(--bg-3);--muted-foreground:var(--fg-dim);--border:var(--line);--input:var(--line);--ring:var(--accent);--primary:var(--accent);--primary-foreground:var(--accent-ink);--secondary:var(--bg-3);--secondary-foreground:var(--fg);--destructive:oklch(60% .2 25);--destructive-foreground:oklch(98% 0 0);--radius:.5rem}[data-theme=light]{--bg:oklch(98.5% .003 250);--bg-2:oklch(96% .005 250);--bg-3:oklch(93% .006 250);--line:oklch(85% .008 250);--line-soft:oklch(90% .006 250);--fg:oklch(18% .01 250);--fg-dim:oklch(42% .012 250);--fg-faint:oklch(60% .012 250);--accent:oklch(72% .21 128);--accent-ink:oklch(98% .02 128);--shadow:0 1px 0 oklch(100% 0 0/.6) inset, 0 20px 60px -20px oklch(0% 0 0/.18)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Geist,ui-sans-serif,system-ui,sans-serif;transition:background .5s,color .5s;overflow-x:hidden}::selection{background:var(--accent);color:var(--accent-ink)}.mono{font-family:Geist Mono,ui-monospace,monospace}.page{isolation:isolate;grid-template-rows:auto 1fr auto;min-height:100vh;display:grid;position:relative}.bg-field{z-index:0;pointer-events:none;position:fixed;inset:0}.nav{z-index:10;border-bottom:1px solid var(--line-soft);background:color-mix(in oklab, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:18px 40px;display:flex;position:sticky;top:0}.nav-left{align-items:center;gap:28px;display:flex}.nav-logo{letter-spacing:-.01em;color:var(--fg);align-items:center;gap:10px;font-weight:600;text-decoration:none;display:flex}.nav-logo-dot{background:var(--accent);border-radius:3px;width:14px;height:14px}.nav-version{color:var(--fg-dim);border:1px solid var(--line);border-radius:4px;margin-left:4px;padding:2px 6px;font-size:11px}.nav-links{gap:22px}.nav-link{color:var(--fg-dim);cursor:pointer;padding:4px 0;font-size:13px;text-decoration:none;transition:color .2s;position:relative}.nav-link:hover,.nav-link.active{color:var(--fg)}.nav-link:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .3s cubic-bezier(.7,0,.2,1);position:absolute;inset:auto 0 0;transform:scaleX(0)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.nav-right{align-items:center;gap:12px;display:flex}.theme-toggle{border:1px solid var(--line);background:var(--bg-2);cursor:pointer;width:32px;height:32px;color:var(--fg);border-radius:999px;place-items:center;padding:0;transition:border-color .2s,transform .2s;display:grid;transition:border-color .2s,transform .4s cubic-bezier(.34,1.56,.64,1)!important}.theme-toggle:hover{border-color:var(--accent);transform:rotate(20deg)}.theme-toggle svg{width:16px;height:16px}.main{z-index:1;width:100%;max-width:1100px;margin:0 auto;padding:70px 40px 48px;position:relative}.eyebrow{color:var(--fg-dim);align-items:center;gap:10px;margin-bottom:28px;font-size:12px;display:inline-flex}.eyebrow-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 25%, transparent);border-radius:999px;animation:2.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 0 0 color-mix(in oklab, var(--accent) 50%, transparent)}50%{box-shadow:0 0 0 8px color-mix(in oklab, var(--accent) 0%, transparent)}}.hero-title{letter-spacing:-.03em;max-width:14ch;margin:0 0 4px;font-size:clamp(40px,7vw,88px);font-weight:600;line-height:.95}[data-stagger] .word{display:inline-block}[data-stagger] .ltr{transform-origin:50% 70%;will-change:transform;display:inline-block}.stagger-ready .ltr{opacity:0;transition:none;transform:translateY(.5em)rotate(-8deg)}.stagger-in .ltr{opacity:1;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .5s;transform:translateY(0)rotate(0)}.hero-sub{max-width:520px;color:var(--fg-dim);letter-spacing:-.005em;margin:24px 0 32px;font-size:17px;line-height:1.5}.hero-sub b{color:var(--fg);font-weight:500}.badge{border:1px solid var(--line);background:var(--bg-2);color:var(--fg);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.badge:before{content:"";background:var(--accent);border-radius:999px;width:6px;height:6px}.card{border:1px solid var(--line);background:var(--bg-2);box-shadow:var(--shadow);border-radius:14px;overflow:hidden}.card-head{border-bottom:1px solid var(--line-soft);background:var(--bg-3);color:var(--fg-faint);align-items:center;gap:8px;padding:10px 16px;font-size:12px;display:flex}.card-head-dot{background:var(--accent);border-radius:999px;width:8px;height:8px}.card-body{padding:32px}.topic-title{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(28px,4vw,44px);font-weight:600;line-height:1.1}.topic-text{color:var(--fg-dim);max-width:60ch;margin:0;font-size:17px;line-height:1.65}.btn{cursor:pointer;letter-spacing:-.005em;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;height:40px;margin-top:28px;padding:0 18px;font-family:inherit;font-size:13.5px;font-weight:500;text-decoration:none;transition:transform .15s,background .2s,border-color .2s,color .2s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:color-mix(in oklab, var(--accent) 85%, white)}.btn-ghost{color:var(--fg);border-color:var(--line);background:0 0}.btn-ghost:hover{background:var(--bg-2);border-color:var(--fg-faint)}.card--narrow{max-width:420px;margin-left:auto;margin-right:auto}.login-form{flex-direction:column;gap:16px;margin-top:20px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--fg-dim);font-size:13px}.field input{background:var(--bg);border:1px solid var(--line);color:var(--fg);font:inherit;border-radius:8px;padding:10px 12px}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 30%, transparent);outline:none}.login-form .btn{justify-content:center;margin-top:4px}.password-wrap{position:relative}.password-wrap input{padding-right:44px}.password-toggle{color:var(--fg-faint);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:6px;transition:color .15s,background .15s;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle:hover{color:var(--fg);background:var(--bg-2)}.password-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;color:var(--fg)}.password-toggle svg{width:18px;height:18px;display:block}.ticker{z-index:1;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);background:color-mix(in oklab, var(--bg) 90%, transparent);position:relative;overflow:hidden}.ticker-track{white-space:nowrap;gap:56px;width:max-content;padding:14px 0;animation:40s linear infinite ticker;display:flex}.ticker:hover .ticker-track{animation-play-state:paused}@keyframes ticker{to{transform:translate(-50%)}}.ticker-item{color:var(--fg-dim);align-items:center;gap:12px;font-family:Geist Mono,ui-monospace,monospace;font-size:12px;display:inline-flex}.ticker-item b{color:var(--fg);font-weight:500}.ticker-item:before{content:"";background:var(--accent);border-radius:999px;width:4px;height:4px}.foot{z-index:1;color:var(--fg-faint);border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:18px 40px;font-family:Geist Mono,ui-monospace,monospace;font-size:12px;display:flex;position:relative}.foot-brand{color:var(--fg-dim)}.foot-right{gap:18px;display:flex}.foot a{color:var(--fg-dim);text-decoration:none}.foot a:hover{color:var(--fg)}@keyframes pulse-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.pulse-ring{animation:1.6s cubic-bezier(.4,0,.6,1) infinite pulse-ring}.flip-card{perspective:800px}.flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,0,.2,1);position:relative}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;position:absolute;inset:0}.flip-card-back{transform:rotateY(180deg)}@keyframes type-in-out{0%,to{width:0}25%,75%{width:21ch}}@keyframes blink-caret{50%{border-color:#0000}}.typewriter{white-space:nowrap;vertical-align:middle;border-right:2px solid var(--accent);animation:5s steps(21,end) infinite type-in-out,.7s step-end infinite blink-caret;display:inline-block;overflow:hidden}@media (width<=760px){.nav{padding:14px 20px}.nav-links{gap:16px}.main{padding:48px 20px 36px}.card-body{padding:22px}.foot{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.stagger-ready .ltr{opacity:1;transform:none}}