:root{--blue:#126ce5;--cyan:#08aeb6;--ink:#101a2d;--muted:#667085;--line:#dce5f0;--bg:#f4f7fb;--card:#fff;--warn:#fff6df}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--blue)}header{background:linear-gradient(135deg,#075dcf,#08aeb6);color:#fff;padding:34px 20px}.wrap,main{max-width:980px;margin:auto}.brand{display:flex;gap:18px;align-items:center}.mark{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:#fff;color:var(--blue);font-size:31px;font-weight:800}.brand h1{margin:0;font-size:clamp(26px,5vw,42px)}.brand p{margin:2px 0 0;opacity:.9}nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}.nav{display:flex;gap:8px;flex-wrap:wrap;padding:10px 20px}.nav a{padding:8px 11px;text-decoration:none;border-radius:10px;font-weight:650}.nav a:hover{background:#eaf3ff}main{padding:32px 20px 60px}h2{margin-top:34px;line-height:1.25}h3{line-height:1.3}.hero,.card,.step,.notice{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;margin:16px 0;box-shadow:0 8px 24px rgba(20,40,80,.05)}.hero h2{margin-top:0;font-size:clamp(26px,5vw,42px)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.grid .card{margin:0}.button{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;font-weight:750;padding:11px 16px;border-radius:12px;margin:5px 6px 5px 0}.button.alt{background:#eaf3ff;color:var(--blue)}.notice{background:var(--warn);border-color:#f0d894}.step{display:grid;grid-template-columns:46px 1fr;gap:14px}.step b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--blue);color:#fff}.step h3{margin:5px 0}.meta{display:grid;grid-template-columns:180px 1fr;gap:8px 18px}.small{color:var(--muted);font-size:.93rem}footer{background:#0b1730;color:#d8e1ef;padding:28px 20px;text-align:center}@media(max-width:600px){.meta{grid-template-columns:1fr}.step{grid-template-columns:38px 1fr}.hero,.card,.step,.notice{padding:18px}}