*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--bg-surface:#111118;--bg-card:#ffffff09;--bg-card-hover:#fff1;--text:#e2e2ea;--text-muted:#7a7a90;--accent:#6366f1;--accent-light:#818cf8;--accent-glow:#6366f126;--green:#22c55e;--green-glow:#22c55e1f;--border:#ffffff12;--border-hover:#ffffff24;--radius:14px;--radius-sm:8px;--font:"Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Consolas, monospace}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 15% 5%,#6366f11a 0%,#0000 55%),radial-gradient(55% 45% at 85% 25%,#8b5cf612 0%,#0000 45%),radial-gradient(60% 35% at 50% 95%,#22c55e0d 0%,#0000 45%);position:fixed;inset:0}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}h1{letter-spacing:-.035em;color:var(--text);font-size:clamp(2.2rem,5.5vw,3.75rem);font-weight:800;line-height:1.08}h2{letter-spacing:-.02em;color:var(--text);font-size:clamp(1.3rem,3vw,1.85rem);font-weight:700;line-height:1.25}h3{color:var(--text);font-size:1rem;font-weight:600}p{color:var(--text-muted)}a{color:var(--accent-light);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1080px;margin:0 auto;padding:0 24px}::selection{color:#fff;background:#6366f14d}@media (width<=640px){.container{padding:0 16px}}.nav{justify-content:space-between;align-items:center;padding:18px 0;display:flex}.nav-logo{letter-spacing:-.03em;color:var(--text);align-items:center;gap:8px;font-size:19px;font-weight:800;text-decoration:none;display:flex}.nav-logo .logo-icon{width:28px;height:28px}.nav-logo .accent{color:var(--accent-light)}.nav-actions{align-items:center;gap:10px;display:flex}.btn{border-radius:var(--radius-sm);font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:10px;padding:12px 24px;text-decoration:none;transition:all .2s;display:inline-flex}.btn:hover{text-decoration:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 0 24px var(--accent-glow), 0 2px 8px #0000004d}.btn-primary:hover{background:var(--accent-light);transform:translateY(-1px);box-shadow:0 0 36px #6366f140,0 4px 16px #0006}.btn-ghost{color:var(--text-muted);background:0 0;padding:12px 16px}.btn-ghost:hover{color:var(--text);background:var(--bg-card)}.btn-google{color:#1f1f1f;background:#fff;font-weight:600}.btn-google:hover{background:#f0f0f0;transform:translateY(-1px);box-shadow:0 4px 12px #00000040}.btn-apple{color:#fff;background:#000;border:1px solid #ffffff1f}.btn-apple:hover{background:#1a1a1a;border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.btn svg{flex-shrink:0;width:18px;height:18px}.pill{letter-spacing:.02em;border-radius:100px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.pill--accent{background:var(--accent-glow);color:var(--accent-light)}.pill--green{background:var(--green-glow);color:var(--green)}.hero{text-align:center;flex-direction:column;align-items:center;padding:72px 0 48px;display:flex}.hero .pill{margin-bottom:20px}.hero h1{max-width:680px;margin-bottom:18px}.hero h1 .gradient-text{background:linear-gradient(135deg, var(--accent-light) 0%, #a78bfa 40%, var(--green) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero>p{max-width:500px;margin-bottom:32px;font-size:17px;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.stats{flex-wrap:wrap;justify-content:center;gap:48px;padding:28px 0 56px;display:flex}.stat{text-align:center}.stat-value{color:var(--text);letter-spacing:-.03em;font-size:2rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);margin-top:6px;font-size:13px}.features-section{padding:48px 0}.features-section h2{text-align:center;margin-bottom:32px}.features{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.feature{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:24px;transition:background .2s,border-color .2s}.feature:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.feature-icon{margin-bottom:14px;font-size:26px;display:block}.feature h3{margin-bottom:6px}.feature p{font-size:14px;line-height:1.55}.auth-section{text-align:center;max-width:400px;margin:0 auto;padding:56px 0 64px}.auth-section h2{margin-bottom:8px}.auth-section>p{margin-bottom:28px;font-size:15px}.auth-buttons{flex-direction:column;gap:12px;display:flex}.auth-buttons .btn{border-radius:var(--radius);width:100%;padding:14px 24px;font-size:15px}.auth-divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:14px;margin:18px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-note{color:var(--text-muted);margin-top:20px;font-size:12px;line-height:1.5}.auth-note a{color:var(--accent-light)}.auth-input{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--text);font-size:15px;font-family:var(--font);outline:none;padding:14px 18px;transition:border-color .2s}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.auth-input::placeholder{color:var(--text-muted)}.auth-error{color:#ef4444;margin:0;font-size:13px}.footer{text-align:center;border-top:1px solid var(--border);margin-top:auto;padding:32px 0}.footer p{font-size:13px}@media (width<=768px){.features{grid-template-columns:1fr}.hero{padding:48px 0 32px}.hero>p{font-size:15px}.stats{gap:28px}.stat-value{font-size:1.5rem}}@media (width<=480px){.nav-actions .btn{padding:10px 14px;font-size:13px}.hero-actions{flex-direction:column;width:100%;padding:0 16px}.hero-actions .btn{width:100%}}