:root{color-scheme:dark;--bg:#050505;--panel:#191919;--line:#353535;--text:#f5f5f5;--muted:#b8b8b8;--aqua:#68eee8;--pink:#f29ce5;--max:1080px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,'Noto Sans KR','Malgun Gothic',sans-serif;line-height:1.85;word-break:keep-all;overflow-wrap:break-word}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--aqua);outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.4;letter-spacing:-.04em}h2{font-size:clamp(24px,3vw,34px);font-weight:700}h3{font-size:20px}p{color:#d8d8d8}strong{font-weight:700}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link{position:fixed;left:16px;top:-90px;z-index:50;background:white;color:black;padding:10px}.skip-link:focus{top:15px}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--muted);display:block;margin-bottom:16px}.accent{color:var(--pink);text-shadow:0 0 14px #e933db70}.glow,.section-heading h2,.intro-panel h2{color:#c5fffc;text-shadow:0 0 18px #24e9ec70}.section-note{font-size:13px;color:var(--muted);margin:24px 0 0}.lead{font-size:clamp(19px,2.5vw,27px);color:#fff;font-weight:500}.content{max-width:var(--max);margin:auto;padding:0 26px}.section{margin:90px auto}.panel{background:var(--panel);border-radius:12px;padding:55px 52px;max-width:880px}.section-heading{text-align:center;margin-bottom:36px}.section-heading p{font-size:15px;margin-bottom:0}.text-hero{text-align:center;padding:70px 0 10px}.text-hero h1{font-size:38px}.text-hero p{color:var(--muted)}.closing{text-align:center;padding:20px 0 35px}.closing h2{line-height:1.65}.prose h2{margin-top:35px;font-size:23px}.prose h2:first-child{margin-top:0}.prose a{color:var(--aqua)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(max-width:650px){.content{padding:0 18px}.section{margin:56px auto}.panel{padding:32px 23px}.text-hero h1{font-size:30px}.text-hero{padding-top:45px}body{font-size:15px}.closing h2{font-size:24px}}
