:root{font-family:Inter,system-ui,Arial,sans-serif;color:#14243c;background:#f5f8fd}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:0 24px}header{height:78px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e3eaf3}header span{background:#0c66db;color:#fff;padding:10px;border-radius:9px;font-weight:800}header strong{font-size:21px}header small{margin-left:auto;color:#74859d}.hero{padding:64px 0 40px}.pill,.soon{display:inline-block;background:#e5efff;color:#175fc5;padding:8px 12px;border-radius:30px;font-size:12px;font-weight:700}h1{font-size:clamp(32px,5vw,54px);margin:22px 0 12px;letter-spacing:-1.8px}.hero p{font-size:18px;color:#667891;max-width:680px;line-height:1.6}.notice{margin-top:24px;padding:14px 18px;background:#fff8e7;border:1px solid #f1dfad;border-radius:10px;color:#805c16;max-width:720px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}article{background:#fff;border:1px solid #e5ebf4;border-radius:18px;padding:25px;box-shadow:0 5px 24px #102c5409}article h2{font-size:20px;margin:14px 0 8px}article p{color:#75849b;font-size:14px;min-height:36px}.num{color:#1b70dc;font-weight:800}.soon{margin-top:12px;background:#f0f4f9;color:#718097}footer{padding:45px 0;color:#8491a4;font-size:13px}@media(max-width:750px){.grid{grid-template-columns:1fr}header small{display:none}.hero{padding-top:36px}}