:root{--surface: #060e20;--surface-container-lowest: #03070f;--surface-container-low: #091328;--surface-container: #0e1a33;--surface-container-high: #141f38;--surface-container-highest: #192540;--surface-bright: #1f2c4a;--on-surface: #eef2fb;--on-surface-variant: #8a97b4;--on-surface-muted: #5b6683;--primary: #6dfe9c;--primary-container: #19be64;--on-primary: #00210f;--on-primary-container: #b8ffd0;--primary-gradient: linear-gradient(135deg, #6dfe9c 0%, #19be64 100%);--primary-glow: 0 0 20px rgba(109, 254, 156, .35);--tertiary: #7ce6ff;--warning: #ffb547;--danger: #ff6b7a;--outline-variant: #40485d;--ghost-border: rgba(64, 72, 93, .15);--ghost-border-strong: rgba(64, 72, 93, .35);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .25);--shadow-md: 0 12px 24px rgba(0, 0, 0, .3);--shadow-lg: 0 24px 48px rgba(0, 0, 0, .4);--shadow-xl: 0 32px 64px -16px rgba(0, 0, 0, .6);--shadow-glow: 0 0 30px rgba(109, 254, 156, .15);--sp-xs: 4px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 40px;--sp-2xl: 64px;--sp-3xl: 96px;--sp-4xl: 128px;--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-full: 9999px;--font-display: "Manrope", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--stadium-grid: radial-gradient(circle, rgba(255, 255, 255, .05) 1px, transparent 1px);--stadium-grid-size: 32px 32px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}body{background:var(--surface);color:var(--on-surface);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}input,textarea,select{font-family:inherit}img{max-width:100%;display:block}.display-xl{font-family:var(--font-display);font-size:clamp(48px,7.2vw,104px);line-height:.95;letter-spacing:-.02em;font-weight:800}.display-lg{font-family:var(--font-display);font-size:clamp(40px,5.6vw,80px);line-height:1;letter-spacing:-.02em;font-weight:800}.headline-lg{font-family:var(--font-display);font-size:clamp(32px,3.6vw,52px);line-height:1.05;letter-spacing:-.01em;font-weight:700}.headline-md{font-family:var(--font-display);font-size:clamp(24px,2.4vw,36px);line-height:1.15;font-weight:700}.headline-sm{font-family:var(--font-display);font-size:22px;line-height:1.25;font-weight:700}.body-lg{font-size:19px;line-height:1.6;color:var(--on-surface-variant)}.body-md{font-size:16px;line-height:1.6;color:var(--on-surface-variant)}.body-sm{font-size:14px;line-height:1.5;color:var(--on-surface-variant)}.label-sm{font-size:12px;line-height:1.4;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.container{max-width:1280px;margin:0 auto;padding:0 32px}@media(max-width:768px){.container{padding:0 20px}}.section{padding:var(--sp-4xl) 0;position:relative}@media(max-width:768px){.section{padding:var(--sp-3xl) 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotateY(-4deg) rotateX(2deg)}50%{transform:translateY(-15px) rotateY(-4deg) rotateX(2deg)}}@keyframes pulse-glow{0%,to{filter:brightness(1) drop-shadow(0 0 10px rgba(109,254,156,.2))}50%{filter:brightness(1.2) drop-shadow(0 0 25px rgba(109,254,156,.4))}}.animate-fade{animation:fadeIn .8s cubic-bezier(.2,.8,.2,1) forwards}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:var(--r-sm);font-weight:600;font-size:15px;letter-spacing:0;transition:all .22s cubic-bezier(.2,.8,.2,1);white-space:nowrap;user-select:none}.btn-primary{background:var(--primary-gradient);color:var(--on-primary);box-shadow:0 10px 30px -12px #6dfe9c73,inset 0 1px #ffffff4d}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.08) saturate(1.1);box-shadow:0 14px 36px -12px #6dfe9c99,inset 0 1px #fff6}.btn-secondary{background:transparent;color:var(--on-surface);border:1px solid var(--ghost-border-strong)}.btn-secondary:hover{background:var(--surface-container-high);border-color:#6dfe9c66;transform:translateY(-2px)}.btn-lg{padding:18px 28px;font-size:16px;border-radius:12px}.btn-sm{padding:10px 16px;font-size:14px}.chip{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:var(--r-full);background:var(--surface-container-high);color:var(--on-surface-variant);font-size:13px;font-weight:500}.chip-primary{background:#6dfe9c1f;color:var(--primary)}.card{background:var(--surface-container-low);border-radius:var(--r-xl);padding:var(--sp-lg);border:1px solid var(--ghost-border);transition:all .3s cubic-bezier(.2,.8,.2,1)}.card-raised{background:var(--surface-container-high);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);border:1px solid var(--outline-variant);transition:all .4s cubic-bezier(.2,.8,.2,1)}.card-glass{background:#19254073;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border-radius:var(--r-xl);border:1px solid rgba(255,255,255,.05)}.card:hover,.card-raised:hover{border-color:var(--primary);box-shadow:var(--shadow-xl),var(--shadow-glow)}.grid{display:grid;gap:var(--sp-lg)}.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(1,1fr)}@media(min-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.flex{display:flex;gap:var(--sp-md);align-items:center}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.items-center{align-items:center}.mobile-only{display:block}.desktop-only{display:none}@media(min-width:1024px){.mobile-only{display:none}.desktop-only{display:block}}.info-sticky{position:static}@media(min-width:1024px){.info-sticky{position:sticky;top:120px}}.nav-root{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:16px 0;transition:padding .3s ease}.nav-shell{max-width:1280px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:64px;border-radius:999px;transition:all .4s cubic-bezier(.2,.8,.2,1);background:transparent;border:1px solid transparent}@media(max-width:768px){.nav-root{padding:12px 0}.nav-shell{padding:0 20px;height:56px}}.nav-shell.scrolled{background:#0e1a33b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--ghost-border-strong);height:56px;margin-top:0;box-shadow:0 20px 40px #0000004d}.nav-links{display:flex;align-items:center;gap:32px}@media(max-width:1024px){.nav-links{display:none}}.nav-link{font-size:14px;font-weight:600;color:var(--on-surface-variant);transition:all .2s}.nav-link:hover{color:var(--on-surface)}.mobile-nav-overlay{position:fixed;inset:0;z-index:2000;transform:translate(100%);transition:transform .5s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.mobile-nav-overlay.open{transform:translate(0)}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;height:80px}.mobile-nav-link{display:block;font-size:32px;font-family:var(--font-display);font-weight:800;padding:16px 0;border-bottom:1px solid var(--ghost-border)}.mobile-menu-toggle{width:44px;height:44px;border-radius:12px;display:grid;place-items:center}.hero-section{padding:160px 0 120px;min-height:90vh;display:flex;align-items:center}@media(max-width:1024px){.hero-section{padding:120px 0 80px}}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:80px}.hero-content{display:flex;flex-direction:column;align-items:center}}.hero-actions{display:flex;gap:16px}@media(max-width:640px){.hero-actions{flex-direction:column;width:100%}}.hero-dashboard-wrapper{perspective:2000px}.hero-tilt{transform:rotateY(-4deg) rotateX(2deg);transition:transform .5s ease}.hero-dashboard-card{background:var(--surface-container-high);border-radius:24px;padding:32px;box-shadow:var(--shadow-xl);border:1px solid var(--outline-variant);overflow:hidden}@media(max-width:1024px){.hero-dashboard-wrapper{max-width:500px;margin:0 auto}.hero-tilt{transform:none!important}}.hero-ranking-row{display:flex;align-items:center;gap:12px;transition:transform .2s ease}.hero-ranking-row:hover{transform:translate(4px)}.form-group{margin-bottom:24px}.form-label-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.form-label{font-size:13px;font-weight:700;color:var(--on-surface-variant);letter-spacing:.02em}.form-error{font-size:11px;font-weight:600;color:var(--danger)}.input{width:100%;min-height:54px;border:1px solid rgba(124,230,255,.12);border-radius:var(--r-md);background:linear-gradient(180deg,#ffffff0b,#ffffff05),var(--surface-container-high);color:var(--on-surface);font-size:15px;font-weight:600;letter-spacing:0;padding:0 16px;outline:none;box-shadow:inset 0 1px #ffffff0d,0 14px 32px #0000002e;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.input::placeholder{color:#8a97b49e;font-weight:500}.input:hover{border-color:#7ce6ff47;background:linear-gradient(180deg,#ffffff0f,#ffffff06),var(--surface-container-high)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6dfe9c1f,0 16px 36px #0000003d}.input.valid{border-color:#6dfe9c8c}.input.invalid{border-color:#ff6b7ac7;box-shadow:0 0 0 3px #ff6b7a1a}.form-submit-error{margin-bottom:14px;padding:12px 14px;border-radius:var(--r-sm);border:1px solid rgba(255,107,122,.35);background:#ff6b7a14;color:#ff9aa5;font-size:13px;font-weight:700}.segmented-control{display:flex;gap:8px;background:var(--surface-container-high);padding:6px;border-radius:14px;border:1px solid var(--outline-variant)}.segment-btn{flex:1;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:600;color:var(--on-surface-muted);transition:all .2s cubic-bezier(.2,.8,.2,1);white-space:nowrap}.segment-btn:hover{color:var(--on-surface);background:#ffffff08}.segment-btn.active{background:var(--primary);color:var(--on-primary);box-shadow:0 4px 12px #6dfe9c4d}@media(max-width:640px){.segmented-control{display:grid;grid-template-columns:repeat(2,1fr)}}@keyframes confeti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.success-icon-glow{animation:success-pulse 2s infinite}@keyframes success-pulse{0%{box-shadow:0 0 #6dfe9c66}70%{box-shadow:0 0 0 40px #6dfe9c00}to{box-shadow:0 0 #6dfe9c00}}:root{scroll-behavior:smooth}body{margin:0;padding:0;overflow-x:hidden}