*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff}.hero{text-align:center;padding:60px 20px}.hero h1{font-size:52px}.hero h2{margin-top:10px;color:#7dd3fc}.hero p{color:#cbd5e1}.grid{max-width:1100px;margin:40px auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;padding:20px}.card{background:rgba(255,255,255,.08);padding:28px;border-radius:20px}.icon{font-size:42px}.card h3{margin:15px 0}.card p{color:#ddd}.card a{display:inline-block;margin-top:15px;background:#2563eb;color:#fff;text-decoration:none;padding:12px 22px;border-radius:10px}footer{text-align:center;padding:30px;color:#aaa}