@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary:#6366f1;--primary-hover:#4f46e5;--accent:#a855f7;--bg-light:#fff;--bg-dark:#0f172a;--surface-light:#f8fafc;--surface-dark:#1e293b;--text-light:#0f172a;--text-dark:#f8fafc;--text-muted-light:#64748b;--text-muted-dark:#94a3b8;--border-light:#e2e8f0;--border-dark:#334155;--glass-bg:#ffffffb3;--glass-border:#ffffff4d;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}[data-theme=dark]{--glass-bg:#0f172ab3;--glass-border:#ffffff1a}*{box-word:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-light);color:var(--text-light);min-height:100vh;transition:background-color .3s,color .3s;overflow-x:hidden}body.dark{background-color:var(--bg-dark);color:var(--text-dark)}.dark .text-muted-light{color:var(--text-muted-dark)}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.dark .glass{background:#1e293bb3}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s ease-out forwards fadeIn}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.text-gradient{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.premium-card{background:var(--surface-light);border:1px solid var(--border-light);border-radius:1rem;padding:1.5rem;transition:transform .3s,box-shadow .3s,border-color .3s}.dark .premium-card{background:var(--surface-dark);border-color:var(--border-dark)}.premium-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}input::placeholder{color:var(--text-muted-light);opacity:.6}.dark input::placeholder{color:var(--text-muted-dark)}