@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080c14;--panel:#101928;--panel-deep:#0c1321;--line:#223047;--ink:#f3f6fc;--muted:#9ba9be;--cyan:#43d5ed;--cyan-soft:#143e4c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:34px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans KR',sans-serif;font-size:16px;line-height:1.75;word-break:keep-all}a{color:inherit;text-decoration:none}button,textarea{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;background:var(--cyan);color:#07131d;padding:13px 20px;min-height:50px;font-size:14px;font-weight:700;border:1px solid var(--cyan);border-radius:30px;transition:background .18s,transform .18s;cursor:pointer}.button:hover{background:#89eafa;transform:translateY(-2px)}.button>span{border-radius:50%;background:#0a2635;color:var(--cyan);width:25px;height:25px;display:grid;place-items:center;line-height:1;font-size:20px;font-weight:400}
.skip{position:fixed;top:-100px;left:20px;background:var(--cyan);color:#000;padding:12px;z-index:99}.skip:focus{top:12px}
footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);color:var(--muted)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}