*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #00d4ff;--primary-dark: #00a8cc;--secondary-color: #1a1a2e;--accent-color: #16213e;--text-primary: #ffffff;--text-secondary: #b8b8b8;--bg-dark: #0f0f1e;--bg-card: #1a1a2e;--border-color: #2a2a3e;--gradient-1: linear-gradient(135deg, #00d4ff 0%, #0099cc 100%);--gradient-2: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%)}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.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:var(--gradient-1);-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}.btn{display:inline-block;padding:12px 30px;border-radius:30px;text-decoration:none;font-weight:600;transition:all .3s ease;border:2px solid transparent;cursor:pointer}.btn.btn-primary{background:var(--gradient-1);color:var(--text-primary)}.btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00d4ff4d}.btn.btn-outline{border-color:var(--primary-color);color:var(--primary-color)}.btn.btn-outline:hover{background:var(--primary-color);color:var(--text-primary)}.card{background:var(--bg-card);border-radius:15px;padding:30px;border:1px solid var(--border-color);transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00d4ff1a;border-color:var(--primary-color)}.fade-in{animation:fadeIn .6s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.section{padding:60px 0}.section-title{font-size:2rem}}