:root{--bg-primary: #070314;--bg-secondary: #0d0622;--bg-card: rgba(19, 10, 48, .7);--bg-card-hover: rgba(28, 15, 70, .85);--bg-glass: rgba(13, 6, 34, .75);--border-subtle: rgba(122, 31, 255, .18);--border-focus: rgba(217, 70, 239, .6);--border-highlight: rgba(122, 31, 255, .4);--purple-main: #7A1FFF;--purple-light: #9d4edd;--magenta-main: #d946ef;--magenta-glow: rgba(217, 70, 239, .25);--cyan-main: #06b6d4;--emerald-main: #10b981;--amber-main: #f59e0b;--rose-main: #f43f5e;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 15% 15%,rgba(122,31,255,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(217,70,239,.06) 0%,transparent 45%);background-attachment:fixed}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:16px;transition:all .25s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:var(--border-highlight);box-shadow:0 10px 30px -10px #7a1fff33}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:11px;font-weight:700;letter-spacing:.02em}.badge-purple{background:#7a1fff26;color:#c084fc;border:1px solid rgba(122,31,255,.35)}.badge-magenta{background:#d946ef26;color:#f0abfc;border:1px solid rgba(217,70,239,.35)}.badge-cyan{background:#06b6d426;color:#67e8f9;border:1px solid rgba(6,182,212,.35)}.badge-emerald{background:#10b98126;color:#6ee7b7;border:1px solid rgba(16,185,129,.35)}.badge-amber{background:#f59e0b26;color:#fcd34d;border:1px solid rgba(245,158,11,.35)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:12px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease;border:none;outline:none}.btn-primary{background:linear-gradient(135deg,var(--purple-main),#9333ea);color:#fff;box-shadow:0 4px 14px #7a1fff59}.btn-primary:hover{filter:brightness(1.15);transform:translateY(-1px)}.btn-secondary{background:#ffffff0d;color:var(--text-main);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--border-highlight)}.btn-magenta{background:linear-gradient(135deg,var(--magenta-main),#c026d3);color:#fff;box-shadow:0 4px 14px #d946ef59}.btn-magenta:hover{filter:brightness(1.15);transform:translateY(-1px)}.input-field{width:100%;background:#070314cc;border:1px solid var(--border-subtle);border-radius:12px;padding:10px 14px;color:#fff;font-size:13px;outline:none;transition:border-color .2s ease}.input-field:focus{border-color:var(--magenta-main);box-shadow:0 0 0 2px var(--magenta-glow)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#7a1fff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d946ef80}