*{box-sizing:border-box}body{margin:0;background:#f3f7f9;color:#1b3144;font:16px/1.7 system-ui,sans-serif}header,main,footer{max-width:1000px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}nav{display:flex;gap:20px;flex-wrap:wrap}a{color:#10666f}header a{text-decoration:none}.brand{font-weight:800;font-size:24px}.hero{background:linear-gradient(130deg,#e1f2ee,#e3edf9);border-radius:28px;padding:40px;margin-bottom:24px}h1{font-size:clamp(30px,5vw,48px);line-height:1.2;letter-spacing:-1px}h2{line-height:1.3;color:#10666f}.tag{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:#10666f}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card,.document{background:white;border-radius:20px;padding:28px;border:1px solid #dce7ec}.card{border-top:4px solid #10666f}.button{display:inline-block;background:#10666f;color:white;border-radius:12px;padding:12px 20px;text-decoration:none}footer{font-size:14px;color:#526777}.notice{background:#fff1e8;padding:18px;border-radius:14px}@media(max-width:600px){.grid{grid-template-columns:1fr}.hero,.document{padding:24px}header,main,footer{padding:18px}}