:root{--bg:#f4f6fa;--text:#10213a;--sub:#5b6c84;--line:#d4deed;--brand:#155dc8;--brand-dark:#0f3d73;--surface:#fff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,#e9f0ff 0,var(--bg) 44%);color:var(--text);font-family:Avenir Next,Segoe UI,PingFang SC,sans-serif}a{color:inherit}.site-shell{max-width:1160px;margin:0 auto;padding:28px 20px 96px}.hero{background:linear-gradient(135deg,var(--brand-dark) 0,var(--brand) 100%);border-radius:24px;padding:34px 30px;color:#f8fbff;box-shadow:0 18px 38px rgba(13,41,84,.25)}.hero h1{margin:0;line-height:1.08;font-size:clamp(34px,6vw,56px);letter-spacing:-.03em}.hero p{margin:14px 0 0;max-width:760px;color:rgba(248,251,255,.92);font-size:clamp(16px,2.2vw,20px)}.hero-links{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.hero-links a{display:inline-flex;align-items:center;border-radius:999px;border:1px solid hsla(0,0%,100%,.4);color:#f8fbff;text-decoration:none;font-weight:700;padding:9px 14px}.section{margin-top:22px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 28px rgba(15,23,42,.08);padding:20px}.section h2{margin:0;letter-spacing:-.02em;font-size:clamp(24px,4vw,38px)}.section p.section-note{margin:8px 0 0;color:var(--sub)}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px}.grid-2,.grid-3{margin-top:12px;display:grid;gap:12px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px}.card{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fbfdff}.card h3,.card h4{margin:0}.card p{margin:8px 0 0;color:var(--sub);line-height:1.56}.link-row{display:flex;gap:8px;flex-wrap:wrap}.portal-link{display:inline-flex;margin-top:12px;border-radius:10px;border:1px solid #b8cbeb;background:#f0f6ff;color:#0f3d73;text-decoration:none;font-weight:700;padding:8px 12px}@media (max-width:1024px){.grid-2,.grid-3{grid-template-columns:1fr}.site-shell{padding:20px 14px 94px}.hero{border-radius:18px;padding:24px 18px}}