*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#172339;font:16px/1.6 system-ui,-apple-system,sans-serif}main{max-width:960px;margin:auto;padding:48px 24px}.brand{font-size:13px;font-weight:800;letter-spacing:.12em;color:#335ad0}.brand span{display:block;font-weight:400;color:#627086;letter-spacing:0;margin-top:5px}h1{font-size:clamp(30px,5vw,46px);line-height:1.15;max-width:720px;margin:32px 0 18px}.intro{font-size:19px;max-width:700px;color:#526079}section,aside{background:white;border:1px solid #dde3ed;border-radius:14px;padding:24px;margin:22px 0}.notice{background:#fff7e5;border-color:#ecd6a1}.notice p{margin-bottom:0}h2{font-size:23px}h3{font-size:18px;margin:12px 0}button{font:inherit;padding:11px 17px;border:0;border-radius:8px;background:#335ad0;color:#fff;cursor:pointer;font-weight:600;transition:background .15s}button:enabled:hover{background:#2545a7}button:focus-visible{outline:3px solid #8da7ff;outline-offset:3px}button:disabled{background:#e6eaf1;color:#667388;cursor:not-allowed}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps section{margin:0;display:flex;flex-direction:column}.steps p{flex:1}.number{background:#edf1ff;color:#335ad0;border-radius:50%;width:32px;height:32px;text-align:center;font-weight:700}aside{margin-top:28px;background:#eef2fb}footer{font-size:13px;color:#627086;margin-top:28px}@media(max-width:720px){main{padding:28px 18px}.steps{grid-template-columns:1fr}}