@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--bg-color:#0b0f19;--bg-gradient:radial-gradient(circle at 15% 50%, #1a0b2e, #0b0f19 50%);--text-primary:#fff;--text-secondary:#94a3b8;--accent-primary:#8b5cf6;--accent-secondary:#ec4899;--accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000005e;--danger:#ef4444;--success:#10b981;--input-bg:#0003;--font-family:"Outfit", sans-serif;--sidebar-hover:#ffffff0d;--sidebar-active:#8b5cf61a}[data-theme=light]{--bg-color:#f4f6fa;--bg-gradient:radial-gradient(circle at 15% 50%, #fff, #e2e8f0 50%);--text-primary:#0f172a;--text-secondary:#475569;--glass-bg:#ffffff80;--glass-border:#c8c8c84d;--glass-shadow:0 8px 32px 0 #0000000d;--input-bg:#fffc;--sidebar-hover:#00000008;--sidebar-active:#8b5cf626}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color .4s,color .4s;position:relative;overflow-x:hidden}body:before{content:"";background:radial-gradient(circle, var(--accent-primary) 0%, transparent 60%);opacity:.12;filter:blur(120px);z-index:-1;pointer-events:none;width:50%;height:50%;position:fixed;top:-20%;left:-10%}body:after{content:"";background:radial-gradient(circle, var(--accent-secondary) 0%, transparent 60%);opacity:.12;filter:blur(120px);z-index:-1;pointer-events:none;width:50%;height:50%;position:fixed;bottom:-20%;right:-10%}a{color:inherit;text-decoration:none}button{font-family:var(--font-family);cursor:pointer;background:0 0;border:none;outline:none}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;transition:background .4s,border .4s,box-shadow .4s}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:var(--accent-gradient);color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #8b5cf666}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf699}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:500;transition:all .3s;display:inline-flex}.btn-secondary:hover:not(:disabled){background:var(--sidebar-hover);transform:translateY(-2px)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.input-field{background:var(--input-bg);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);font-size:1rem;font-family:var(--font-family);border-radius:12px;padding:16px;transition:all .3s}.input-field:focus{border-color:var(--accent-primary);background:var(--glass-bg);outline:none;box-shadow:0 0 0 2px #8b5cf633}.input-field::placeholder{color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}