:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-dark:#07090e;--bg-card:#0f172aa6;--bg-card-hover:#18223ad9;--bg-input:#0f172acc;--border-glow:#00baff40;--border-light:#ffffff14;--primary-blue:#06f;--primary-cyan:#00d2ff;--accent-purple:#7928ca;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--gradient-brand:linear-gradient(135deg, #00d2ff 0%, #06f 50%, #7928ca 100%);--gradient-glow:radial-gradient(circle at 50% 0%, #00a2ff26, transparent 70%);--gradient-card:linear-gradient(180deg, #ffffff0d 0%, #ffffff03 100%);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-glow:0 0 40px -10px #00baff66;--shadow-card:0 10px 30px -10px #00000080}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.6}body{background-image:radial-gradient(circle at 15% 15%,#0066ff14 0%,#0000 40%),radial-gradient(circle at 85% 65%,#00d2ff0f 0%,#0000 45%),radial-gradient(circle at 50% 90%,#7928ca0d 0%,#0000 50%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}.bg-grid-pattern{background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:40px 40px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00d2ff66}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.gradient-text-cyan{background:linear-gradient(135deg,#00d2ff 0%,#06f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.glass-card-static{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:var(--radius-md)}.btn{border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 4px 20px #06f6}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 30px #00d2ff99}.btn-secondary{color:var(--text-main);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f}.btn-secondary:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px)}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-lg{padding:16px 32px;font-size:1.05rem}.badge{border-radius:var(--radius-full);letter-spacing:.5px;text-transform:uppercase;color:var(--primary-cyan);background:#00d2ff1a;border:1px solid #00d2ff4d;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-purple{color:#d8b4fe;background:#7928ca1f;border:1px solid #7928ca4d}.badge-green{color:#6ee7b7;background:#10b9811f;border:1px solid #10b9814d}.domain-badge{font-family:var(--font-mono);color:#60a5fa;background:#0066ff26;border:1px solid #0066ff4d;border-radius:4px;padding:2px 8px}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-pulse-glow{animation:4s ease-in-out infinite pulseGlow}.animate-float{animation:5s ease-in-out infinite float}.animate-spin-slow{animation:30s linear infinite spinSlow}.container{max-width:1240px;margin:0 auto;padding:0 24px}.grid-2{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 16px}}
