*{box-sizing:border-box}body{margin:0;font:16px/1.6 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#0E2238;background:#EAF2F9}
a{color:#2F7FD0}header{background:#0A1422;color:#F4F8FC;padding:18px 20px}header .in{max-width:860px;margin:0 auto;display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:#F4F8FC;text-decoration:none;font-weight:800;font-size:22px;letter-spacing:.5px}.brand img{width:40px;height:40px;border-radius:10px}.brand span{color:#FF7A2E}
nav a{color:#CFE0F2;text-decoration:none;margin-left:16px;font-weight:600;font-size:15px}main{max-width:860px;margin:0 auto;padding:28px 20px 60px}
h1{font-size:34px;line-height:1.15;margin:0 0 6px}h2{font-size:19px;margin:26px 0 6px}p{margin:0 0 10px;max-width:70ch}.muted{color:#4A6078}
.card{background:#fff;border:1px solid #D3E0EC;border-radius:16px;padding:22px 24px}.hero{background:linear-gradient(#0A1422,#1F4470);color:#F4F8FC;padding:56px 20px 70px;text-align:center}
.hero img{width:120px;height:120px;border-radius:28px}.hero h1{font-size:44px;margin:16px 0 8px}.hero p{margin:0 auto 18px;color:#CFE0F2;font-size:19px}
.btn{display:inline-block;background:#FF7A2E;color:#1A0A00;font-weight:800;padding:12px 20px;border-radius:12px;text-decoration:none;margin:4px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:-40px}.grid .card h2{margin-top:0}
footer{text-align:center;color:#4A6078;font-size:14px;padding:24px}