body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#0f172a;color:#e2e8f0}.wrap{width:min(1100px,92%);margin:auto}header{padding:48px 0 24px}h1{margin:0;font-size:42px}.tag{color:#94a3b8}.hero{padding:48px 0}.hero h2{font-size:36px;max-width:700px}.hero p{max-width:760px;line-height:1.7;color:#cbd5e1}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;padding:10px 0 60px}.card{background:#111827;border:1px solid #1e293b;border-radius:16px;padding:24px}.card h3{margin-top:0}footer{border-top:1px solid #1e293b;padding:24px 0;color:#94a3b8}.nav{display:flex;gap:18px;padding:22px 0}.nav a{text-decoration:none;color:#7dd3fc;font-size:15px}.nav a:hover{color:#bae6fd}