:root{--bg:#0f1419;--card:#1a222c;--text:#e8eef4;--muted:#9aabbc;--accent:#3d8bfd}
*{box-sizing:border-box}body{margin:0;font-family:Georgia,"Times New Roman",serif;background:radial-gradient(1200px 600px at 10% -10%,#1c2a3a,var(--bg));color:var(--text);line-height:1.6}
.top{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 8%;border-bottom:1px solid #243041}
.brand{font-size:1.25rem}nav a{color:var(--muted);text-decoration:none;margin-left:1.2rem}nav a:hover{color:var(--text)}
main{padding:3rem 8%;max-width:1100px;margin:0 auto}.hero h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 .6rem}.hero p{color:var(--muted);max-width:40rem}
.btn{display:inline-block;margin-top:1.2rem;padding:.7rem 1.2rem;background:var(--accent);color:#fff;text-decoration:none;border-radius:4px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:3rem}
.grid article{background:var(--card);padding:1.2rem;border:1px solid #2a3747}
footer{margin-top:4rem;padding:1.5rem 8%;color:var(--muted);border-top:1px solid #243041;font-size:.9rem}