:root{--color-primary:#00d4ff;--color-secondary:#7b5cf0;--color-accent:#ff6b35;--bg-primary:#050810;--bg-secondary:#080d1a;--bg-card:#ffffff0a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);color:#f0f4ff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00d4ff80}a{color:inherit}.gradient-text{background:linear-gradient(135deg,#00d4ff,#7b5cf0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-primary{box-shadow:0 0 20px #00d4ff4d}.glow-secondary{box-shadow:0 0 20px #7b5cf04d}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:.8s linear infinite spin}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s forwards fadeIn}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:2s infinite pulse}