:root{--blue:#1f4bff;--blue-deep:#1637c4;--ink:#12151c;--body:#2b303b;--muted:#667085;--line:#dfe3ea;
--paper:#ffffff;--wash:#f3f5f9;--yellow:#ffd84d;--stamp:#e5342b}
@media (prefers-color-scheme:dark){:root{--ink:#f2f4f8;--body:#d3d8e2;--muted:#98a2b3;--line:#2b3140;
--paper:#11141b;--wash:#181c26;--blue:#5b7bff;--blue-deep:#3f5fe6}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--body);line-height:1.75;font-size:17px;word-break:keep-all;
font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif}
a{color:var(--blue)}
a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
.wrap{max-width:720px;margin:0 auto;padding:0 20px}
.top{background:var(--blue);color:#fff}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;padding-bottom:14px}
.badge{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:19px;letter-spacing:-.01em}
.badge i{font-style:normal;background:var(--yellow);color:#12151c;border-radius:6px;padding:1px 8px;font-size:14px;font-weight:800}
.top nav a{color:#fff;text-decoration:none;font-size:15px;opacity:.92}
.hero{background:var(--blue);color:#fff;padding:34px 0 46px}
.hero h1{font-weight:900;font-size:clamp(34px,8vw,54px);line-height:1.2;letter-spacing:-.02em;margin:0 0 14px;color:#fff}
.hero p{margin:0;font-size:18px;max-width:30em;opacity:.95}
h1,h2,h3{color:var(--ink);letter-spacing:-.015em;line-height:1.35}
main{padding:34px 0 60px}
.list{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.list li{border-bottom:1px solid var(--line)}
.list a{display:grid;grid-template-columns:64px 1fr;gap:12px;padding:18px 4px;text-decoration:none;color:inherit}
.list a:hover h3{color:var(--blue)}
.no{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:700;padding-top:2px}
.list h3{margin:0 0 4px;font-size:19px}
.list p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.6}
.doc h1{font-size:clamp(27px,6vw,36px);margin:6px 0 12px}
.doc .lead{font-size:18.5px;color:var(--body);margin:0 0 26px}
.meta{color:var(--muted);font-size:14.5px;margin:0}
.steps{list-style:none;counter-reset:s;margin:0 0 30px;padding:0}
.steps li{counter-increment:s;position:relative;padding:0 0 22px 52px}
.steps li::before{content:counter(s);position:absolute;left:0;top:2px;width:34px;height:34px;border-radius:50%;
background:var(--ink);color:var(--paper);font-weight:800;display:grid;place-items:center;font-size:16px}
.steps h3{margin:0 0 6px;font-size:19px}
.steps p{margin:0}
.copy{border:1.5px solid var(--ink);border-radius:10px;margin:0 0 20px;overflow:hidden;background:var(--wash)}
.copy header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-bottom:1.5px solid var(--ink);background:var(--paper)}
.copy header strong{color:var(--ink);font-size:15.5px}
.copy button{font:inherit;font-size:14.5px;font-weight:700;border:0;border-radius:7px;padding:7px 14px;background:var(--blue);color:#fff;cursor:pointer}
.copy button.done{background:var(--stamp)}
.copy pre{margin:0;padding:16px 14px;white-space:pre-wrap;word-break:break-word;font-size:15px;line-height:1.65;
font-family:ui-monospace,"D2Coding","Cascadia Mono",Consolas,monospace;color:var(--ink)}
.box{border-radius:14px;background:var(--wash);padding:24px 22px;margin:34px 0 0}
.box h2{margin:0 0 6px;font-size:21px}
.box p{margin:0 0 14px}
.btn{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;font-weight:700;border-radius:9px;padding:11px 18px}
.offers{display:grid;gap:12px;margin:14px 0 0;padding:0;list-style:none}
.offers li{border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:var(--paper)}
.offers b{color:var(--ink);font-size:17.5px}
.offers span{color:var(--muted);font-size:15px}
.promo{position:relative;overflow:hidden;border-radius:18px;margin:0 0 34px;padding:24px 22px 22px;color:#fff;
background:radial-gradient(120% 90% at 100% 0,#3a1fd6 0,transparent 60%),linear-gradient(150deg,#12151c 0,#1d1440 100%);
box-shadow:0 10px 30px rgba(31,75,255,.25)}
.promo::after{content:"";position:absolute;inset:-40% -60% auto auto;width:220px;height:220px;border-radius:50%;
background:radial-gradient(circle,rgba(255,216,77,.35),transparent 70%);pointer-events:none}
.promo-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px}
.stamp{background:var(--stamp);color:#fff;font-weight:900;font-size:14px;border-radius:999px;padding:4px 12px;
letter-spacing:.02em;animation:pulse 1.6s ease-in-out infinite}
.promo .tag{font-size:13px;color:#c9cdf5;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:3px 10px}
.promo h2{color:#fff;margin:0 0 6px;font-size:clamp(22px,5.6vw,28px);line-height:1.3}
.promo p{margin:0 0 6px;color:#d9dcf2;font-size:15.5px}
.price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:10px 0 18px}
.price s{color:#9aa0c3;font-size:19px}
.price i{font-style:normal;color:var(--yellow);font-weight:900}
.price b{color:var(--yellow);font-weight:900;font-size:clamp(38px,10vw,52px);line-height:1;letter-spacing:-.02em}
.kakao{position:relative;z-index:1;display:block;text-align:center;background:#fee500;color:#191600;font-weight:900;
font-size:18px;text-decoration:none;border-radius:12px;padding:15px 18px}
.kakao:hover{filter:brightness(.96)}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@media (prefers-reduced-motion:reduce){.stamp{animation:none}}
.note{font-size:14.5px;color:var(--muted);border-left:3px solid var(--line);padding-left:12px;margin:26px 0 0}
footer{border-top:1px solid var(--line);padding:26px 0 40px;color:var(--muted);font-size:14px;line-height:1.7}
footer a{color:var(--muted)}
@media (max-width:480px){body{font-size:16.5px}.list a{grid-template-columns:48px 1fr}.steps li{padding-left:46px}}