*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#f5f7f8;color:#142633;font:16px/1.55 system-ui,sans-serif}header{background:#102531;color:white;padding:18px max(5vw,20px);display:flex;justify-content:space-between;align-items:center;gap:20px}a{color:#057b86}header a{color:#def2f2;margin-left:18px;text-decoration:none}.brand{font-weight:800;letter-spacing:.03em;font-size:22px;display:flex;align-items:center;gap:9px}.brand img{width:30px;height:30px}main{max-width:1080px;margin:auto;padding:48px 24px}.hero{background:#102531;color:white;padding:60px;border-radius:18px}.hero h1{font-size:clamp(36px,5vw,68px);line-height:1.08;margin:0 0 20px}.hero p{max-width:700px;font-size:20px;color:#d0e2e5}.button{display:inline-block;background:#efbd67;color:#162934;padding:12px 20px;border-radius:7px;font-weight:700;text-decoration:none;margin:8px 10px 0 0}.button.secondary{background:#d6ecee}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{background:white;padding:22px;border:1px solid #dce6e8;border-radius:12px}h2{margin-top:42px}small,.muted{color:#5e727b}.tag{font-size:12px;font-weight:700;color:#065b65;background:#ddf2f0;padding:5px 8px;border-radius:4px}.notice{border-left:4px solid #d49324;padding:12px 18px;background:#fff7e8}footer{padding:40px;text-align:center;color:#61747a}input,select{padding:12px;border:1px solid #b8c8cc;border-radius:6px}button{border:0;cursor:pointer}article.card{margin:15px 0}table{border-collapse:collapse;width:100%}td,th{padding:10px;border-bottom:1px solid #dce6e8;text-align:left}pre{white-space:pre-wrap} @media(max-width:600px){header{display:block}.hero{padding:32px}}