body{margin:0;font:16px/1.75 "Noto Sans SC",system-ui,sans-serif;color:#132536;background:#f2f6f9;}
.hero{background:linear-gradient(145deg,#071521,#0b2f42 48%,#0e6e8c);color:#fff;padding:52px 20px 58px;}
.wrap{width:min(780px,100%);margin:0 auto;}
.brand{font-family:Sora,sans-serif;font-weight:800;font-size:24px;margin:0 0 10px;}
h1{font-size:clamp(26px,4.5vw,38px);font-weight:900;line-height:1.25;margin:0 0 14px;}
.sub{opacity:.9;margin:0 0 26px;font-size:17px;}
.btn{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:12px;background:#2bb673;color:#05341a;font-weight:800;text-decoration:none;}
.btn2{margin-left:8px;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.3);text-decoration:none;display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border-radius:12px;font-weight:700;}
main{padding:36px 20px 72px;}
h2{font-size:22px;font-weight:900;margin:28px 0 12px;}
p,li{color:#2a4256;}
a{color:#0e6e8c;font-weight:700;}
.card{background:#fff;border:1px solid rgba(19,37,54,.1);border-radius:14px;padding:18px;margin:14px 0;}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;}
.tag{background:#e8f3f7;color:#0a4f66;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700;text-decoration:none;}
footer{padding:24px 20px 48px;text-align:center;color:#5a6f82;font-size:13px;}