body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#0f0f12;color:#ffffff}
header{background:#000;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #00bfff}
.logo{color:#00bfff;font-weight:800;letter-spacing:2px}
nav a{color:#000;background:#00bfff;padding:8px 14px;margin-left:8px;text-decoration:none;font-weight:bold;border-radius:4px}
nav a:hover{background:#fff}
.hero{padding:120px 40px;background:#111;text-align:center}
.hero h1{color:#00bfff;font-size:44px;margin-bottom:20px}
.container{max-width:1100px;margin:auto;padding:60px 40px}
h2{color:#00bfff;margin-top:40px}
ul{line-height:1.6}
footer{background:#000;padding:20px;text-align:center;border-top:3px solid #00bfff;margin-top:60px}