:root{--primary-color: #FFD700;--secondary-color: #FFA500;--accent-color: #00D4FF;--bg-dark: #0a0a0a;--bg-card: rgba(255, 255, 255, .05);--text-light: #ffffff;--text-muted: #a0a0a0;--gradient-primary: linear-gradient(135deg, #FFD700, #FFA500);--gradient-secondary: linear-gradient(135deg, #00D4FF, #0099CC);--gradient-bg: linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 50%, #16213e 100%);--shadow-glow: 0 0 30px rgba(255, 215, 0, .3);--border-radius: 16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--gradient-bg);color:var(--text-light);overflow-x:hidden;min-height:100vh}.bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:var(--gradient-bg)}.bg-animation:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(255,215,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,212,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,165,0,.05) 0%,transparent 50%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(10px) rotate(-1deg)}}