:root{--background:#050505;--foreground:#fff;--primary:#8a2be2;--primary-glow:#8a2be280;--secondary:#00ced1;--accent:#f0f;--card-bg:#141414b3;--glass-border:#ffffff1a;--text-dim:#aaa}[data-theme=light]{--background:#f0f2f5;--foreground:#1a1a1b;--primary:#6c22af;--primary-glow:#6c22af33;--secondary:#008b8b;--accent:#d400d4;--card-bg:#fffc;--glass-border:#0000001a;--text-dim:#555}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);max-width:100vw;color:var(--foreground);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:.05em;text-transform:uppercase;font-family:Orbitron,sans-serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%{box-shadow:0 0 5px var(--primary-glow)}50%{box-shadow:0 0 20px var(--primary-glow)}to{box-shadow:0 0 5px var(--primary-glow)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-fade{animation:.8s ease-out forwards fadeIn}.animate-glow{animation:3s ease-in-out infinite glow}.animate-float{animation:4s ease-in-out infinite float}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;transition:background .3s,border .3s}.btn-primary{background:linear-gradient(45deg,var(--primary),var(--accent));color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-primary:hover{box-shadow:0 0 15px var(--primary-glow);transform:scale(1.05)}@media (max-width:768px){.btn-primary{padding:10px 20px;font-size:.9rem}}