body{margin:0;font-family:Arial,sans-serif;background:#0f172a;color:#fff}
.hero{height:80vh;background:linear-gradient(135deg,#ff6a00,#111);display:flex;flex-direction:column}
nav,.top{padding:18px;text-align:center;background:#111}
nav a,.top a{color:#fff;text-decoration:none;margin:0 15px}
.hero-box{margin:auto;text-align:center;padding:20px}
h1{font-size:56px}
.btn{background:#fff;color:#111;padding:12px 20px;border-radius:8px;text-decoration:none}
.section{padding:60px 10%}
.cards,.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#1e293b;padding:25px;border-radius:12px;border:1px solid #ff6a00}
footer{background:#111;padding:20px;text-align:center}