body{font-family:system-ui;margin:0;background:#f7f8fa;color:#111}footer,header{padding:16px 32px;background:#0b2545;color:#fff}header a{color:#fff;text-decoration:none;font-size:20px}main{max-width:1100px;margin:auto;padding:24px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:14px;gap:14px}.card{background:#fff;border:1px solid #ddd;border-radius:10px;padding:14px;color:inherit;text-decoration:none}.hero{background:#13315c;color:#fff;border-radius:14px;padding:36px;margin-bottom:28px}input{padding:10px;width:260px;border-radius:6px;border:0}button{padding:10px 16px;background:#f4a261;border:0;border-radius:6px;font-weight:700}