*{box-sizing:border-box}body{margin:0;font-family:Arial,"Noto Sans KR",sans-serif;background:#08111f;color:#eef4ff;line-height:1.7}.wrap{max-width:1050px;margin:auto;padding:0 24px}nav{background:#08111f;border-bottom:1px solid #22324b}nav .wrap{display:flex;justify-content:space-between;align-items:center;padding-top:16px;padding-bottom:16px}.brand{font-weight:800;letter-spacing:.12em}a{color:#9ec9ff}nav a{color:#a9b7ca;text-decoration:none;margin-left:18px}.hero{padding:110px 0 85px;background:radial-gradient(circle at 75% 20%,#18365d 0,transparent 40%)}h1{font-size:clamp(48px,8vw,86px);margin:0;letter-spacing:.08em}h2{font-size:32px}.lead{font-size:22px}.tag{color:#7bb7ff;font-weight:700}section{padding:65px 0;border-top:1px solid #22324b}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.card{background:#101d31;padding:28px;border:1px solid #22324b;border-radius:18px}.muted{color:#a9b7ca}.btn{display:inline-block;padding:12px 18px;border-radius:10px;background:#e9f3ff;color:#07111f;text-decoration:none;font-weight:700;margin:6px 10px 6px 0}footer{padding:35px 0 60px;color:#a9b7ca;border-top:1px solid #22324b}@media(max-width:650px){nav .links{display:none}.hero{padding-top:80px}}