@font-face { font-family:"Pretendard Variable"; src:url("assets/fonts/PretendardVariable.woff2") format("woff2"); font-style:normal; font-weight:100 900; font-display:swap; }
:root { --blue:#2563eb; --text:#172033; --muted:#596579; --bg:#f5f7fa; --card:#fff; --line:#d8dee8; }
* { box-sizing:border-box; }
body { margin:0; font-family:"Pretendard Variable",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:var(--bg); color:var(--text); line-height:1.65; letter-spacing:0; }
main { max-width:860px; margin:0 auto; padding:32px 20px 56px; }
.card { background:var(--card); border:1px solid var(--line); border-radius:8px; padding:28px; box-shadow:0 8px 24px rgba(23,32,51,.05); }
h1 { font-size:32px; margin:0 0 8px; letter-spacing:0; line-height:1.3; }
h2 { font-size:21px; margin:30px 0 10px; letter-spacing:0; line-height:1.4; }
p, li { font-size:17px; }
.muted { color:var(--muted); }
a { color:var(--blue); font-weight:800; text-decoration:none; }
a:hover { text-decoration:underline; }
.notice { background:#eef5ff; border:1px solid #c7daf7; padding:16px 18px; border-radius:8px; }
.back { display:inline-flex; margin-bottom:16px; }
@media (max-width:520px){ main{padding:18px 16px 42px}.card{padding:22px 20px;border-radius:8px}h1{font-size:28px}p,li{font-size:16px} }