*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;background:#eef3f8;color:#182235;line-height:1.65}header{padding:64px max(5vw,24px);background:linear-gradient(135deg,#0b3155,#0f7b8d);color:#fff}h1{font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.05;margin:.3rem 0}.badge{display:inline-block;background:#f6ad37;color:#172033;padding:7px 14px;border-radius:999px;font-weight:800}nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}nav a,button{background:#fff;color:#0b4768;border:0;padding:12px 17px;border-radius:11px;font-weight:750;text-decoration:none;cursor:pointer}main{max-width:1120px;margin:auto;padding:42px 22px}.card{background:#fff;border-radius:20px;padding:30px;margin-bottom:26px;box-shadow:0 10px 28px #10243d12}.card img{width:100%;border-radius:16px;margin:12px 0 18px}h2{color:#0b4768;font-size:1.8rem}code,pre{background:#101b2d;color:#dcecff;border-radius:8px;padding:3px 7px}pre{padding:18px;overflow:auto;min-height:70px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.link-card{display:block;background:#e8f2f8;border:1px solid #c9e0ec;padding:18px;border-radius:14px;text-decoration:none;color:#123a55;font-weight:700}footer{text-align:center;padding:36px;color:#526173}@media(max-width:700px){header{padding-top:38px}.card{padding:20px}}