:root{color-scheme:dark;--bg:#111322;--panel:#1b2034;--text:#f5f4fa;--muted:#b5b9cc;--gold:#f5cb79;--line:#343a51}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Pretendard,"Noto Sans KR","Malgun Gothic",sans-serif;word-break:keep-all;overflow-wrap:break-word}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}a:hover{text-decoration:underline;text-underline-offset:5px}.site-header,main,footer{width:min(960px,calc(100% - 64px));margin:auto}.site-header{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;color:var(--muted)}.brand{color:var(--text);font-size:23px;font-weight:800;letter-spacing:-1px}.brand span{margin-left:18px;padding-left:18px;border-left:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:500;letter-spacing:0}.hero{padding:76px 0 52px;max-width:800px}.eyebrow{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--muted)}.badge{padding:7px 11px;border:1px solid #6b5731;border-radius:6px;color:var(--gold);background:#f5cb7909}h1{font-size:clamp(34px,5.4vw,58px);line-height:1.24;letter-spacing:-2.5px;margin:27px 0 22px}p{font-size:16px;line-height:1.8;color:var(--muted);margin:12px 0}strong{color:var(--text)}.lead{font-size:19px;line-height:1.8;margin-bottom:28px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:52px;padding:14px 23px;border-radius:11px;background:var(--gold);color:#282019;font-size:15px;font-weight:800}.primary:hover{background:#ffda91;text-decoration:none}.login-note{font-size:12px;margin-top:10px;color:#979eb7}.important{display:flex;gap:18px;padding:25px 28px;border:1px solid #786038;border-radius:16px;background:#f5cb7908}.notice-icon{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--gold);color:#292019;font-size:20px;font-weight:bold}.important h2{font-size:18px;margin:2px 0 6px;color:var(--gold)}.important p{margin:0}.steps{padding:65px 0 48px}.kicker{color:var(--gold);font-size:13px;font-weight:700;letter-spacing:1px}h2{font-size:29px;line-height:1.45;letter-spacing:-1px;margin:12px 0 22px}ol{padding:0;margin:28px 0 0;list-style:none}li{display:flex;gap:26px;padding:30px 0;border-top:1px solid var(--line)}.step-number{color:var(--gold);font-size:19px;font-weight:700;line-height:1.65;font-variant-numeric:tabular-nums}h3{font-size:21px;letter-spacing:-.5px;margin:0 0 8px}li p{margin:7px 0}.hint{font-size:14px;color:#a3aac2}.event-section{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding:40px;background:var(--panel);border:1px solid var(--line);border-radius:22px}.event-section h2{margin-top:15px}.example{text-align:center;padding:30px 12px;border:1px solid #48506c;border-radius:16px;background:#15192b}.example-caption{display:block;font-size:13px;color:var(--muted)}.example-input{display:flex;justify-content:center;gap:8px;margin:20px 0 10px;flex-wrap:wrap}.example-input span{background:#2a3047;padding:8px 11px;border-radius:7px;font-size:13px}.example-arrow{display:block;color:var(--gold);font-size:26px}.example>strong{display:block;margin:13px 0 10px;font-size:32px;color:var(--gold);letter-spacing:-1px}.closing{text-align:center;padding:70px 0 80px}.closing h2{margin-bottom:14px}.closing p{margin-bottom:27px}.guide-link{display:block;width:fit-content;margin:22px auto 0;font-size:14px;color:var(--muted)}footer{display:flex;gap:18px;align-items:center;border-top:1px solid var(--line);padding:28px 0 40px;font-size:12px;color:#9ba3bb;letter-spacing:.8px}footer span{letter-spacing:0}footer a{margin-left:auto;letter-spacing:0}@media(max-width:600px){.site-header,main,footer{width:calc(100% - 40px)}.site-header{height:76px}.brand span{margin-left:10px;padding-left:10px}.hero{padding:45px 0 32px}h1{letter-spacing:-1.6px}.lead{font-size:17px}.desktop-break{display:none}.important{padding:21px 18px;gap:12px}.important h2{font-size:17px}.important p{font-size:15px}.steps{padding:45px 0 25px}h2{font-size:25px}li{gap:16px;padding:25px 0}h3{font-size:19px}.event-section{grid-template-columns:1fr;gap:18px;padding:25px 22px}.example{padding:24px 12px}.closing{padding:50px 0}.closing h2{font-size:23px}footer{flex-wrap:wrap;gap:10px}footer span{width:100%;order:3}.primary{gap:22px}}