:root{--primary-color: #f44336;--secondary-color: #2196f3;--accent-color: #ff4081;--background-color: #0a0a0a;--card-background: #1a1a1a;--text-color: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--border-color: rgba(255, 255, 255, .05);--gradient-primary: linear-gradient(135deg, #f44336 0%, #ff1744 100%);--gradient-secondary: linear-gradient(135deg, #2196f3 0%, #64b5f6 100%);--gradient-accent: linear-gradient(135deg, #ff4081 0%, #ff80ab 100%);--shadow-primary: 0 4px 20px rgba(244, 67, 54, .15);--shadow-secondary: 0 4px 20px rgba(33, 150, 243, .15);--shadow-accent: 0 4px 20px rgba(255, 64, 129, .15)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{animation:fadeIn .6s ease-out forwards}.glass-effect{background:#1a1a1ab3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05)}.modern-card{background:var(--card-background);border-radius:16px;padding:2rem;box-shadow:var(--shadow-primary);transition:all .3s ease;border:1px solid var(--border-color)}.modern-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-secondary)}