@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');

:root { color-scheme: dark; --bg:#0b0d0a; --panel:#141712; --line:rgba(255,255,255,.1); --text:#f1f4eb; --muted:#9aa192; --accent:#d7f23b; }
* { box-sizing: border-box; }
body { margin:0; background:radial-gradient(circle at 75% 0,rgba(215,242,59,.06),transparent 28%),var(--bg); color:var(--text); font-family:"Noto Sans KR",sans-serif; }
a { color:inherit; }
.legal-header { display:flex; align-items:center; justify-content:space-between; min-height:68px; padding:0 max(20px,calc((100vw - 900px)/2)); border-bottom:1px solid var(--line); background:rgba(11,13,10,.94); }
.legal-header>a:first-child { display:flex; align-items:center; gap:10px; text-decoration:none; }
.legal-header span { display:grid; width:34px; height:34px; place-items:center; background:var(--accent); color:#10130b; font:800 14px "Barlow Condensed"; transform:skew(-7deg); }
.legal-header strong { font:800 19px "Barlow Condensed"; letter-spacing:.09em; }
.back-link { color:var(--muted); font-size:12px; text-underline-offset:4px; }
main { width:min(900px,calc(100% - 40px)); margin:0 auto; padding:64px 0 80px; }
.eyebrow { margin:0 0 8px; color:var(--accent); font:700 11px "Barlow Condensed"; letter-spacing:.18em; }
h1 { margin:0; font:800 clamp(34px,6vw,52px)/1.1 "Barlow Condensed","Noto Sans KR"; }
.lead { max-width:720px; margin:18px 0 42px; color:var(--muted); line-height:1.8; }
section { margin-top:14px; padding:26px 28px; border:1px solid var(--line); border-radius:7px; background:var(--panel); }
h2 { margin:0 0 14px; font-size:18px; }
p,li { color:#b7bdb1; font-size:13px; line-height:1.85; }
ul { margin:0; padding-left:21px; }
code { color:var(--accent); }
.notice { margin-top:18px; padding:13px 15px; border-left:3px solid var(--accent); background:rgba(215,242,59,.055); color:#cdd3c5; font-size:12px; line-height:1.75; }
footer { margin-top:28px; padding-top:20px; border-top:1px solid var(--line); }
footer p { margin:5px 0; color:#72796e; font-size:11px; }
@media(max-width:520px){.legal-header{padding:0 16px}.legal-header strong{font-size:17px}main{width:calc(100% - 28px);padding:42px 0 60px}.lead{font-size:13px}section{padding:21px 18px}p,li{font-size:12px}}