*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',Arial,sans-serif;background:#0f172a;color:#e2e8f0;line-height:1.6}
header{background:#111827;padding:20px 40px;display:flex;justify-content:space-between;align-items:center}
header h1{font-size:22px;color:#38bdf8}
nav a{color:#cbd5e1;margin-left:20px;text-decoration:none}
nav a:hover{color:#38bdf8}
.hero{background:linear-gradient(135deg,#0f172a,#1e293b);padding:80px 40px;text-align:center}
.hero h2{font-size:42px;margin-bottom:20px}
.hero p{font-size:18px;color:#94a3b8}
.btn{display:inline-block;margin-top:25px;padding:12px 25px;background:#38bdf8;color:#000;border-radius:6px;text-decoration:none;font-weight:bold}
.section{padding:60px 40px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:30px}
.card{background:#1e293b;padding:25px;border-radius:8px}
.card h3{margin-bottom:10px;color:#38bdf8}
footer{background:#111827;padding:30px 40px;margin-top:60px;font-size:14px;color:#94a3b8}