@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";
:root,[data-theme=dark]{--background:#0a0b10;--foreground:#fff;--card-bg:#12141db3;--card-border:#ffffff14;--accent:#3d5afe;--accent-glow:#3d5afe4d;--accent-secondary:#7c4dff;--text-secondary:#94a3b8;--nav-bg:#0a0b10cc;--glass:blur(12px) saturate(180%);--gradient-primary:linear-gradient(135deg, #3d5afe 0%, #7c4dff 100%)}[data-theme=light]{--background:#fff5f6;--foreground:#2d050f;--card-bg:#ffffffd9;--card-border:#2d050f14;--accent:#d81b60;--accent-glow:#d81b6038;--accent-secondary:#ec407a;--text-secondary:#5c3b44;--nav-bg:#ffffffd9;--glass:blur(12px) saturate(180%);--gradient-primary:linear-gradient(135deg, #d81b60 0%, #ec407a 100%)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--background);max-width:100vw;color:var(--foreground);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,.outfit{font-family:Outfit,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#334155}.glass{background:var(--card-bg);-webkit-backdrop-filter:var(--glass);border:1px solid var(--card-border);transition:box-shadow .3s,transform .3s;box-shadow:0 8px 30px #00000040}[data-theme=light] .glass{box-shadow:0 10px 30px #d81b600d}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%{box-shadow:0 0 5px var(--accent-glow)}50%{box-shadow:0 0 20px var(--accent-glow)}to{box-shadow:0 0 5px var(--accent-glow)}}.animate-fade{animation:.8s forwards fadeIn}img,video{max-width:100%;height:auto}input,select,textarea,button{max-width:100%;font-size:16px}.table-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media (max-width:768px){a,button{min-width:44px;min-height:44px}}