@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-base:#06070a;--bg-surface:#0c0e17;--bg-card:#101420bf;--bg-card-hover:#161c2cd9;--bg-elevated:#151a2a;--border-subtle:#ffffff12;--border-medium:#ffffff1f;--border-glow:#9333ea66;--accent-purple:#a855f7;--accent-purple-glow:#a855f740;--accent-cyan:#06b6d4;--accent-cyan-glow:#06b6d440;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);background-image:radial-gradient(circle at 15% 10%,#9333ea14 0%,#0000 40%),radial-gradient(circle at 85% 20%,#06b6d414 0%,#0000 40%),radial-gradient(circle at 50% 90%,#10b9810a 0%,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:16px;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 40px -15px #0009}.glass-panel:hover{border-color:var(--border-medium)}.glass-card-interactive{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;transition:all .25s}.glass-card-interactive:hover{border-color:var(--border-glow);box-shadow:0 15px 30px -10px var(--accent-purple-glow);transform:translateY(-3px)}.gradient-text-purple{background:linear-gradient(135deg,#c084fc 0%,#a855f7 50%,#7e22ce 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text-cyan{background:linear-gradient(135deg,#67e8f9 0%,#06b6d4 50%,#0284c7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text-gold{background:linear-gradient(135deg,#fde047 0%,#f59e0b 50%,#d97706 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn-neon-flow{color:#fff;cursor:pointer;letter-spacing:-.01em;background:linear-gradient(135deg,#9333ea 0%,#7c3aed 50%,#4f46e5 100%);border:1px solid #fff3;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-size:1.125rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 0 25px #9333ea80,inset 0 1px #ffffff4d}.btn-neon-flow:hover{transform:scale(1.03)translateY(-1px);box-shadow:0 0 35px #a855f7b3,inset 0 1px #fff6}.btn-neon-flow:active{transform:scale(.98)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-medium);cursor:pointer;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff40}.badge-neon{letter-spacing:.02em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-purple{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.badge-cyan{color:#67e8f9;background:#06b6d426;border:1px solid #06b6d44d}.badge-emerald{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d}.badge-rose{color:#fda4af;background:#f43f5e26;border:1px solid #f43f5e4d}.badge-amber{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b4d}.input-field{border:1px solid var(--border-medium);color:#fff;background:#0f172a99;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .2s}.input-field:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px var(--accent-purple-glow)}@keyframes pulse-dot{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.15)}to{opacity:.8;transform:scale(.95)}}.animate-pulse-dot{animation:2s ease-in-out infinite pulse-dot}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-text{color:#0000;background:linear-gradient(90deg,#94a3b8 0%,#fff 50%,#94a3b8 100%) 0 0/200%;-webkit-background-clip:text;animation:3s linear infinite shimmer}
