*{box-sizing:border-box}body{margin:0;font-family:Arial,"Noto Sans KR",sans-serif;color:#152e51;background:#f4f9fc;line-height:1.7}a{color:inherit}header{background:white;padding:18px max(20px,calc((100vw - 1080px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 2px 15px #173b5c13}header strong{color:#0878d7;font-size:24px}header a{text-decoration:none}main{max-width:1080px;margin:auto;padding:50px 22px}.hero{background:linear-gradient(125deg,#e4f4ff,#fff);padding:55px 42px;border-radius:22px}h1{font-size:clamp(27px,4vw,44px);line-height:1.35;margin:10px 0;color:#102c53}.eyebrow{letter-spacing:2px;color:#0878d7;font-weight:700}.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-block;background:#0878d7;color:white;text-decoration:none;padding:13px 22px;border-radius:9px;font-weight:bold}.btn.alt{background:#1d8a75}section{margin-top:40px}h2{font-size:25px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:14px}.card{background:white;border:1px solid #e2edf5;border-radius:14px;padding:22px;box-shadow:0 5px 20px #113e5b0b}.card h3{margin:0 0 7px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{background:#e8f3fb;padding:7px 12px;border-radius:25px;font-size:14px}.muted{color:#52647b}footer{background:#102e51;color:white;padding:30px 22px;text-align:center}footer a{margin:0 8px}@media(max-width:600px){header{padding:14px 20px}.hero{padding:30px 22px}main{padding:25px 14px}}