:root{color-scheme:light;--navy:#092a5b;--teal:#007f83}*{box-sizing:border-box}body{margin:0;background:#f4f7fc;color:#18273c;font-family:system-ui,"Malgun Gothic",sans-serif;font-size:17px;line-height:1.8}header{background:var(--navy);color:white;padding:24px max(24px,calc((100% - 980px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}header a{color:white;text-decoration:none}nav{display:flex;gap:20px;flex-wrap:wrap;font-size:15px}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:22px}.brand img{width:44px;height:44px;border-radius:10px}main{max-width:980px;margin:48px auto;padding:0 24px}h1{font-size:clamp(30px,5vw,48px);line-height:1.3;letter-spacing:-.04em}h2{font-size:24px;margin-top:32px}p{max-width:760px}a{color:var(--teal);overflow-wrap:anywhere}.card{background:white;border:1px solid #dce3ee;border-radius:18px;padding:32px;margin:24px 0}.label{color:var(--teal);font-weight:700}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps div{background:white;border-top:4px solid var(--teal);padding:24px;border-radius:8px}.steps strong{display:block;font-size:21px}footer{max-width:980px;margin:56px auto;padding:24px;color:#536176;border-top:1px solid #dce3ee;font-size:14px}li{margin:10px 0}@media(max-width:680px){.steps{grid-template-columns:1fr}.card{padding:22px}main{margin:32px auto}}