body{margin:0;font-family:Arial,sans-serif;background:#0f172a;color:#fff}
header{position:sticky;top:0;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);padding:15px}
nav a{color:#fff;text-decoration:none;margin-right:15px}
.container{max-width:1200px;margin:auto;padding:24px}
.hero,.card{background:rgba(255,255,255,.10);border-radius:24px;padding:24px;margin:20px 0}
.hero img{width:100%;border-radius:18px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
footer{text-align:center;padding:30px}