.hero{background:linear-gradient(135deg,#4338ca,#6366f1,#22d3ee);padding:80px 20px;text-align:center;color:#fff}.badge{display:inline-block;background:#ffffff26;padding:6px 16px;border-radius:999px;font-size:.85rem;margin-bottom:20px;letter-spacing:.5px}.hero h1{font-size:2.5rem;margin-bottom:16px}.hero p{font-size:1.1rem;max-width:560px;margin:0 auto 32px;opacity:.95}.btn{display:inline-block;background:#fff;color:#4338ca;padding:14px 32px;border-radius:999px;font-weight:600;text-decoration:none}main{font-family:Segoe UI,Arial,sans-serif;background:#0f172a;color:#f1f5f9;line-height:1.6}section{padding:60px 20px;max-width:1000px;margin:0 auto}h2{text-align:center;font-size:1.8rem;margin-bottom:12px}.subtitle{text-align:center;color:#94a3b8;margin-bottom:40px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.card{background:#1e293b;padding:26px;border-radius:16px;border:1px solid #334155}.card h3{margin-bottom:8px;color:#fff;font-size:1.05rem}.card p{color:#94a3b8;font-size:.9rem}footer{text-align:center;padding:32px 20px;color:#64748b;font-size:.9rem;border-top:1px solid #1e293b}