body{margin:0;font-family:Inter,system-ui,sans-serif;background:#0f172a;color:#f8fafc}
nav{position:fixed;top:0;width:100%;background:#0f172acc;padding:15px 40px;display:flex;gap:20px;z-index:1000}
nav a{color:white;text-decoration:none;font-weight:500}
.hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background-size:cover;background-position:center}
h1{font-size:64px;margin:0}
.section{padding:100px 40px;max-width:1100px;margin:auto}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:#1e293b;padding:20px}