:root{--bg:#f5f7fb;--card:#fff;--ink:#172033;--muted:#566173;--line:#d8dee8;--accent:#237f7d;--accent2:#174b6b;--danger:#9b2c2c}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:linear-gradient(180deg,#eef7f6,var(--bg));line-height:1.5}
.wrap{max-width:980px;margin:0 auto;padding:36px 20px 64px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 10px 30px rgba(22,30,49,.06);margin-bottom:20px}
.brand{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--accent);margin:0 0 8px}h1{font-size:34px;line-height:1.12;margin:0 0 12px}h2{font-size:24px;margin:0 0 10px}h3{font-size:19px;margin:0 0 8px}.hero>p:not(.brand){max-width:760px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px}article{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fbfcfe}.button{display:inline-block;border:0;text-decoration:none;font-weight:700;padding:12px 16px;border-radius:999px;background:var(--accent2);color:#fff;cursor:pointer}.button:hover{opacity:.92}.small{font-size:14px;color:var(--muted)}
.notice{padding:12px 14px;border-radius:12px;background:#eef7f6;border:1px solid #b7dcda}