*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #6366f1;--secondary-color: #8b5cf6;--accent-color: #ec4899;--dark-bg: #0f172a;--dark-card: #1e293b;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)}body{font-family:Poppins,sans-serif;background-color:var(--dark-bg);color:var(--text-primary);line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:100px 0;position:relative}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--gradient-1);border-radius:2px}.card{background:var(--dark-card);border-radius:15px;padding:30px;box-shadow:0 10px 30px #0000004d;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.1)}.card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #667eea4d}.btn{padding:12px 30px;border:none;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;font-size:1rem}.btn.btn-primary{background:var(--gradient-1);color:#fff}.btn.btn-primary:hover{transform:scale(1.05);box-shadow:0 10px 25px #667eea66}.btn.btn-outline{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn.btn-outline:hover{background:var(--primary-color);color:#fff}.fade-in{animation:fadeIn .8s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.section-title{font-size:2rem}.section{padding:60px 0}}