body{margin:0;font-family:system-ui,Arial;background:#070a0f;color:#fff;line-height:1.6}
header{background:#070a0f;border-bottom:1px solid rgba(255,255,255,.1)}
.container{max-width:1100px;margin:auto;padding:20px}
nav{display:flex;justify-content:space-between;align-items:center}
nav a{color:#fff;margin-left:18px;text-decoration:none;font-size:14px}
.hero{padding:80px 20px;text-align:center;background:radial-gradient(circle at 30% 10%,rgba(53,201,167,.25),transparent 50%)}
h1{font-size:44px;margin-bottom:10px}
h2{margin-top:40px}
p{color:#d0d0d0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}
.card{background:rgba(255,255,255,.05);padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}
img{max-width:100%;border-radius:10px}
footer{border-top:1px solid rgba(255,255,255,.1);margin-top:60px;padding:30px 0;text-align:center;color:#aaa;font-size:14px}
.logo{height:50px}