@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--background:#0f172a;--foreground:#f8fafc;--text-muted:#94a3b8;--primary:#3b82f6;--primary-hover:#2563eb;--card-bg:#1e293bb3;--card-border:#ffffff1a;--input-bg:#0f172a99;--overlay-bg:#0f172a99;--gradient-bg-1:#1e293b;--gradient-bg-2:#0f172a;--hover-shadow:0 20px 40px #00000080, 0 0 20px #3b82f633;--error:#ef4444;--success:#22c55e;--radius:16px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--bg-image:radial-gradient(at 0% 0%, #100f15 0, transparent 50%), radial-gradient(at 50% 0%, #2f3e6a33 0, transparent 50%), radial-gradient(at 100% 0%, #72274133 0, transparent 50%)}[data-theme=light]{--background:#f8fafc;--foreground:#0f172a;--text-muted:#475569;--primary:#3b82f6;--primary-hover:#2563eb;--card-bg:#fffc;--card-border:#0000001a;--input-bg:#ffffffe6;--overlay-bg:#fff6;--gradient-bg-1:#e2e8f0;--gradient-bg-2:#f8fafc;--hover-shadow:0 20px 40px #00000014, 0 0 20px #3b82f626;--bg-image:none}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);max-width:100vw;color:var(--foreground);background-image:var(--bg-image);background-attachment:fixed;min-height:100vh;font-family:Outfit,sans-serif;transition:background-color .4s,color .4s;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input{font-family:inherit}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:0 8px 32px #0000004d}.title-gradient{background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.spinner{border:4px solid #ffffff1a;border-left-color:var(--primary);border-radius:50%;width:40px;height:40px;margin:0 auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}