@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-main:#0b0c10;--bg-card:#161821b3;--bg-card-hover:#1e212dcc;--border-glow:#8a5cf633;--border-glow-hover:#8a5cf666;--primary:#8b5cf6;--primary-glow:#8b5cf659;--primary-hover:#a78bfa;--success:#10b981;--success-glow:#10b98133;--info:#0ea5e9;--info-glow:#0ea5e933;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(circle at 50% -20%, #1e1b4b 0%, var(--bg-main) 70%);margin:0;padding:0;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glow);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000005e}.card:hover{border-color:var(--border-glow-hover);transform:translateY(-4px);box-shadow:0 12px 40px #8b5cf626}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pulse-dot{background-color:var(--success);width:10px;height:10px;box-shadow:0 0 12px var(--success);border-radius:50%;animation:2s ease-in-out infinite pulse;display:inline-block}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (width<=768px){.grid-cols-2{grid-template-columns:1fr}}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #6d28d9 100%);color:var(--text-primary);font-weight:500;font-family:var(--font-sans);cursor:pointer;box-shadow:0 4px 14px var(--primary-glow);border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;transition:all .2s;display:inline-flex}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-hover) 0%, var(--primary) 100%);transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf680}.btn-primary:active{transform:translateY(1px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#2e303a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4b5563}