@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--bg-main:#0a0a0c;--bg-secondary:#131316;--bg-glass:#ffffff08;--bg-glass-hover:#ffffff0f;--border-glass:#ffffff14;--accent-primary:#4f46e5;--accent-secondary:#7c3aed;--accent-gradient:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));--accent-glow:#4f46e54d;--text-primary:#fff;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--shadow-sm:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000004d,0 4px 6px -2px #00000026;--shadow-glow:0 0 20px var(--accent-glow);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#4f46e514,#0000 25%),radial-gradient(circle at 85% 30%,#7c3aed14,#0000 25%);min-height:100vh;font-family:Inter,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:600}a{color:inherit;text-decoration:none}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .3s}.glass-panel:hover{box-shadow:var(--shadow-md);border-color:#ffffff26}.btn-primary{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-glow);border:none;padding:12px 24px;font-family:Inter,sans-serif;font-weight:500;transition:all .3s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 30px #7c3aed80}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-glass);border-radius:var(--radius-sm);cursor:pointer;padding:12px 24px;font-family:Inter,sans-serif;font-weight:500;transition:all .3s}.btn-secondary:hover{background:var(--bg-glass-hover);border-color:#fff3}.input-field{border:1px solid var(--border-glass);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);background:#0003;outline:none;padding:14px 16px;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s}.input-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow)}.input-field::placeholder{color:var(--text-tertiary)}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{color:var(--accent-primary);animation:1s linear infinite spin;display:inline-block}