*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}
body{background:#000;color:#fff}
header{background:#111;padding:15px;display:flex;justify-content:space-between}
.logo{color:#ff2a2a;font-size:22px;font-weight:bold}
nav a{color:#fff;margin-left:15px;text-decoration:none}
.hero{text-align:center;padding:70px 20px;background:radial-gradient(circle,#1a0000,#000)}
.hero h1{color:#ff2a2a;font-size:36px}
.btn{background:#ff2a2a;color:#fff;padding:14px 30px;border-radius:25px;text-decoration:none;display:inline-block}
.section{padding:50px 20px;max-width:1100px;margin:auto}
.dark{background:#111}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}
.step{background:#1c1c1c;padding:20px;border-radius:8px}
footer{text-align:center;background:#000;padding:25px;color:#aaa;font-size:13px}