:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #ec4899;--accent: #8b5cf6;--dark-bg: #0f172a;--dark-card: #1e293b;--light-text: #f8fafc;--gray-text: #94a3b8;--font-main: "Inter", sans-serif;--gradient-main: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--dark-bg);color:var(--light-text);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:.3s}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;border:none}.btn-primary{background:var(--gradient-main);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.btn-outline{border:2px solid var(--primary);color:var(--primary);background:transparent}.btn-outline:hover{background:var(--primary);color:#fff}.section-title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:1rem;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle{text-align:center;color:var(--gray-text);margin-bottom:3rem;font-size:1.1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.card{background:var(--dark-card);padding:2rem;border-radius:16px;border:1px solid rgba(255,255,255,.05);transition:.3s}.card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 30px #0003}