@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#4f46e5;--primary-light:#818cf8;--primary-dark:#3730a3;--accent:#7c3aed;--bg-dark:#020617;--bg-card:#1e1b4b;--surface:#f8fafc;--surface-alt:#f1f5f9;--text-dark:#0f172a;--text-muted:#64748b;--text-light:#cbd5e1;--white:#fff;--gradient-start:#020617;--gradient-mid:#1e1b4b;--gradient-end:#4338ca;--radius:16px;--radius-lg:24px;--shadow:0 4px 24px #0000001a;--shadow-lg:0 12px 40px #00000026}html{scroll-behavior:smooth}body{background:var(--white);color:var(--text-dark);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.section-title{text-align:center;background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:2.5rem;font-weight:800}.section-subtitle{color:var(--text-muted);text-align:center;max-width:640px;margin:0 auto 48px;font-size:1.15rem}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--accent));color:var(--white);box-shadow:0 4px 16px #4f46e559}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4f46e573}.btn-outline{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:var(--white)}.btn-white{background:var(--white);color:var(--primary);box-shadow:0 4px 16px #0000001a}.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid #0000000d;padding:32px;transition:transform .25s,box-shadow .25s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.grid-2{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.badge{border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--primary);background:#4f46e51a}.badge-green{color:#059669;background:#10b9811a}.badge-purple{color:var(--accent);background:#7c3aed1a}.code{color:#e0e7ff;background:#1e1b4b;border-radius:12px;padding:16px 20px;font-family:Fira Code,JetBrains Mono,monospace;font-size:.9rem;line-height:1.7;overflow-x:auto}.code .kw{color:#c084fc}.code .str{color:#86efac}.code .num{color:#fcd34d}.code .cm{color:#64748b}.code .fn{color:#60a5fa}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section-title{font-size:1.8rem}.section{padding:56px 0}}