:root{--bg-primary:#06060b;--bg-secondary:#0d0d15;--bg-card:#0f0f19cc;--bg-card-hover:#19192de6;--bg-glass:#ffffff08;--bg-input:#ffffff0d;--border-glass:#ffffff12;--border-active:#6366f180;--text-primary:#f0f0f5;--text-secondary:#88a;--text-muted:#557;--accent:#6366f1;--accent-hover:#818cf8;--accent-glow:#6366f140;--accent-2:#a78bfa;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--radius:12px;--radius-lg:20px;--shadow:0 4px 24px #0006;--transition:all .25s ease;--nav-height:72px;--max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,sans-serif;line-height:1.6}.navbar{height:var(--nav-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);z-index:100;background:#06060bd9;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar-inner{width:100%;max-width:var(--max-width);justify-content:space-between;align-items:center;padding:0 24px;display:flex}.nav-logo{background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:18px;font-weight:700;text-decoration:none}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text-secondary);transition:var(--transition);font-size:14px;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--text-primary)}.nav-cta{background:var(--accent)!important;color:#fff!important;border-radius:8px!important;padding:8px 20px!important}.nav-cta:hover{background:var(--accent-hover)!important;box-shadow:0 0 20px var(--accent-glow)!important}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.page-content{padding-top:var(--nav-height)}.hero{text-align:center;background:radial-gradient(at 50% 0,#6366f11f 0%,#0000 60%);justify-content:center;align-items:center;min-height:90vh;display:flex;position:relative;overflow:hidden}.hero-content{z-index:1;max-width:800px}.hero-badge{background:var(--accent-glow);border:1px solid var(--border-active);color:var(--accent-hover);border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:500;display:inline-flex}.hero h1{background:linear-gradient(135deg, #fff 30%, var(--accent) 70%, var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:clamp(40px,6vw,64px);font-weight:800;line-height:1.1}.hero p{color:var(--text-secondary);max-width:600px;margin:0 auto 40px;font-size:18px;line-height:1.7}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn{cursor:pointer;transition:var(--transition);border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 30px var(--accent-glow);transform:translateY(-2px)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-glass);background:0 0}.btn-ghost:hover{background:var(--bg-glass);color:var(--text-primary);border-color:var(--border-active)}.btn-sm{padding:10px 20px;font-size:13px}.section{padding:100px 0}.section-title{text-align:center;margin-bottom:16px;font-size:36px;font-weight:700}.section-subtitle{color:var(--text-secondary);text-align:center;max-width:600px;margin-bottom:56px;margin-left:auto;margin-right:auto;font-size:16px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);transition:var(--transition);padding:32px;position:relative;overflow:hidden}.feature-card:hover{border-color:var(--border-active);box-shadow:var(--shadow);transform:translateY(-4px)}.feature-icon{margin-bottom:16px;font-size:32px}.feature-card h3{margin-bottom:8px;font-size:18px;font-weight:600}.feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.code-block{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius);padding:20px 24px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.8;position:relative;overflow-x:auto}.code-block .copy-btn{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:4px 12px;font-size:12px;position:absolute;top:12px;right:12px}.code-block .copy-btn:hover{background:var(--accent-glow);color:var(--accent-hover)}.code-keyword{color:#c792ea}.code-string{color:#c3e88d}.code-comment{color:#546e7a}.code-url{color:#82aaff}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:20px;display:grid}.pricing-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);text-align:center;transition:var(--transition);padding:32px 24px;position:relative}.pricing-card:hover{border-color:var(--border-active);transform:translateY(-4px)}.pricing-card.popular{border-color:var(--accent);box-shadow:0 0 40px var(--accent-glow)}.pricing-popular-badge{background:var(--accent);color:#fff;text-transform:uppercase;border-radius:20px;padding:4px 16px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card h3{margin-bottom:8px;font-size:18px}.pricing-price{margin:16px 0;font-size:36px;font-weight:800}.pricing-price span{color:var(--text-secondary);font-size:14px;font-weight:400}.pricing-features{text-align:left;margin:24px 0;font-size:13px;list-style:none}.pricing-features li{color:var(--text-secondary);align-items:center;gap:8px;padding:8px 0;display:flex}.pricing-features li:before{content:"✓";color:var(--success);font-weight:700}.auth-page{min-height:100vh;padding-top:var(--nav-height);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow);padding:40px}.auth-card h1{text-align:center;margin-bottom:8px;font-size:24px}.auth-card .subtitle{text-align:center;color:var(--text-secondary);margin-bottom:32px;font-size:14px}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-input{background:var(--bg-input);border:1px solid var(--border-glass);width:100%;color:var(--text-primary);transition:var(--transition);border-radius:8px;outline:none;padding:12px 14px;font-size:14px}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-error{color:var(--danger);background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:16px;padding:10px;font-size:13px}.dash-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.dash-stat{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius);text-align:center;padding:24px}.dash-stat-value{background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:32px;font-weight:800}.dash-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:12px}.api-key-display{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:16px 20px;font-family:monospace;font-size:14px;display:flex}.docs-container{padding-top:calc(var(--nav-height) + 40px);grid-template-columns:240px 1fr;gap:40px;min-height:100vh;display:grid}.docs-sidebar{top:calc(var(--nav-height) + 40px);height:fit-content;position:sticky}.docs-sidebar a{color:var(--text-secondary);border-radius:8px;margin-bottom:4px;padding:8px 16px;font-size:14px;text-decoration:none;display:block}.docs-sidebar a:hover,.docs-sidebar a.active{background:var(--accent-glow);color:var(--accent-hover)}.docs-content h2{border-top:1px solid var(--border-glass);margin:40px 0 16px;padding-top:20px;font-size:24px}.docs-content h2:first-child{border-top:none;margin-top:0}.docs-content p{color:var(--text-secondary);margin-bottom:16px;font-size:15px}.endpoint-badge{border-radius:6px;padding:4px 10px;font-family:monospace;font-size:12px;font-weight:700;display:inline-flex}.endpoint-post{color:var(--success);background:#22c55e26}.endpoint-get{color:#3b82f6;background:#3b82f626}.footer{border-top:1px solid var(--border-glass);text-align:center;color:var(--text-muted);padding:48px 0;font-size:13px}.footer a{color:var(--text-secondary);text-decoration:none}.footer a:hover{color:var(--accent-hover)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.6s forwards fadeUp}.fade-up-delay{opacity:0;animation:.6s .15s forwards fadeUp}.fade-up-delay-2{opacity:0;animation:.6s .3s forwards fadeUp}@keyframes glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow)}}.glow-pulse{animation:3s infinite glow}@media (max-width:768px){.nav-links{gap:16px}.hero h1{font-size:32px}.docs-container{grid-template-columns:1fr}.docs-sidebar{display:none}.pricing-grid{grid-template-columns:1fr;max-width:350px;margin:0 auto}}