:root{color-scheme:dark;--brand: #8b7bff;--brand-2: #c77dff;--accent: #ff6b9d;--gold: #ffc46b;--mint: #6be5c8;--ink: #f2f0ff;--ink-2: #beb9e0;--muted: #837ea8;--bg: #0a0a1c;--bg-2: #10102a;--surface: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .08);--surface-solid: #161632;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--grad-neon: linear-gradient(135deg, #8b7bff 0%, #c77dff 45%, #ff6b9d 100%);--grad-cta: linear-gradient(135deg, #ff6b9d 0%, #ff8f5a 100%);--grad-gold: linear-gradient(135deg, #ffc46b 0%, #ff9d5c 100%);--grad-text: linear-gradient(100deg, #a89bff 0%, #d8a5ff 40%, #ff9dbd 80%);--glow-brand: 0 0 28px rgba(139, 123, 255, .4);--glow-accent: 0 0 28px rgba(255, 107, 157, .38);--glow-gold: 0 0 26px rgba(255, 196, 107, .4);--shadow-card: 0 10px 40px rgba(0, 0, 0, .45);--ring: 0 0 0 3px rgba(139, 123, 255, .5);--radius-sm: 12px;--radius: 18px;--radius-lg: 26px;--radius-pill: 999px;--container: 980px;--stage: 560px;--font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", system-ui, sans-serif;--kakao: #fee500;--kakao-ink: #191600}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--ink);line-height:1.6;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh;z-index:-2;background-image:radial-gradient(1px 1px at 19px 37px,rgba(255,255,255,.5) 50%,transparent 50%),radial-gradient(1px 1px at 83px 121px,rgba(255,255,255,.35) 50%,transparent 50%),radial-gradient(1px 1px at 137px 61px,rgba(255,255,255,.45) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 31px 43px,rgba(255,255,255,.9) 50%,transparent 50%),radial-gradient(1px 1px at 149px 107px,rgba(255,255,255,.7) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 227px 191px,rgba(199,125,255,.85) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 271px 79px,rgba(139,123,255,.8) 50%,transparent 50%),radial-gradient(2px 2px at 67px 151px,rgba(255,255,255,.9) 50%,transparent 50%),radial-gradient(2.5px 2.5px at 293px 47px,rgba(255,196,107,.75) 50%,transparent 50%),radial-gradient(2px 2px at 179px 293px,rgba(199,125,255,.85) 50%,transparent 50%),radial-gradient(2px 2px at 41px 331px,rgba(255,107,157,.7) 50%,transparent 50%);background-size:191px 191px,191px 191px,191px 191px,313px 313px,313px 313px,313px 313px,313px 313px,419px 419px,419px 419px,419px 419px,419px 419px;pointer-events:none}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh;z-index:-1;background:radial-gradient(42% 34% at 16% 12%,rgba(139,123,255,.3) 0%,transparent 70%),radial-gradient(36% 30% at 86% 22%,rgba(255,107,157,.18) 0%,transparent 70%),radial-gradient(44% 36% at 50% 100%,rgba(199,125,255,.22) 0%,transparent 70%);pointer-events:none}.bg-stars{position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh;z-index:-1;pointer-events:none}.star-dot{position:absolute;width:var(--dot-size, 2px);height:var(--dot-size, 2px);border-radius:50%;background:var(--dot-color, #fff);box-shadow:0 0 6px var(--dot-color, #fff);opacity:.8}h1,h2,h3,h4,p,figure,ul,ol{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}[hidden]{display:none!important}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}::selection{background:#8b7bff66}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:20px}.site-main{min-height:62vh;padding-block:30px 72px}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(8px);background:#0a0a1cd9;border-bottom:1px solid var(--border)}.site-header__inner{max-width:var(--container);margin-inline:auto;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.14rem;letter-spacing:-.03em;color:var(--ink)}.brand__mark{width:32px;height:32px;border-radius:10px;background:var(--grad-neon);box-shadow:var(--glow-brand);display:grid;place-items:center;font-size:1.05rem}.header-link{font-size:.9rem;font-weight:700;color:var(--ink-2);padding:9px 16px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);transition:all .18s}@media(hover:hover){.header-link:hover{border-color:var(--brand);color:var(--ink);box-shadow:var(--glow-brand)}}.site-footer{border-top:1px solid var(--border);padding:30px 20px 44px;color:var(--muted);font-size:.85rem}.site-footer__inner{max-width:var(--container);margin-inline:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.site-footer a{color:var(--ink-2);font-weight:600}.site-footer a:hover{color:var(--brand)}.site-footer__links{display:flex;gap:18px}.text-gradient{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{--btn-bg: var(--surface-2);--btn-fg: var(--ink);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 24px;border:1px solid transparent;border-radius:var(--radius-pill);background:var(--btn-bg);color:var(--btn-fg);font-weight:800;font-size:1rem;letter-spacing:-.01em;transition:transform .14s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease,background .18s,border-color .18s;will-change:transform}.btn:active{transform:translateY(3px) scale(.96);transition-duration:.05s}.btn--block{width:100%}.btn--lg{padding:18px 28px;font-size:1.08rem}.btn--primary{--btn-fg: #fff;background:var(--grad-cta);box-shadow:0 6px 26px #ff6b9d73,inset 0 1px #ffffff40;overflow:hidden}@media(hover:hover){.btn--primary:hover{transform:translateY(-2px);box-shadow:0 10px 34px #ff6b9d99,inset 0 1px #ffffff40}}.btn--primary:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.4) 48%,rgba(255,255,255,.18) 52%,transparent 65%);transform:translate(-120%);pointer-events:none}.btn--primary:hover:after,.btn--primary:active:after{animation:shine-sweep-once .7s ease}@keyframes shine-sweep-once{0%{transform:translate(-120%)}to{transform:translate(120%)}}.btn--brand{--btn-fg: #fff;background:var(--grad-neon);box-shadow:var(--glow-brand),inset 0 1px #ffffff40}@media(hover:hover){.btn--brand:hover{transform:translateY(-2px);box-shadow:0 0 38px #8b7bff99,inset 0 1px #ffffff40}}.btn--ghost{background:var(--surface);border-color:var(--border-strong);color:var(--ink)}@media(hover:hover){.btn--ghost:hover{border-color:var(--brand);box-shadow:var(--glow-brand)}}.btn--kakao{--btn-fg: var(--kakao-ink);background:var(--kakao);box-shadow:0 6px 22px #fee50059}@media(hover:hover){.btn--kakao:hover{transform:translateY(-2px);box-shadow:0 8px 30px #fee50080}}.chip{display:inline-flex;align-items:center;gap:6px;padding:9px 17px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--ink-2);font-size:.9rem;font-weight:700;transition:all .18s}@media(hover:hover){.chip:hover{border-color:var(--brand);color:var(--ink)}}.chip[aria-pressed=true],.chip.is-active{background:var(--grad-neon);border-color:transparent;color:#fff;box-shadow:var(--glow-brand)}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--radius-pill);background:#8b7bff29;border:1px solid rgba(139,123,255,.35);color:#c3b8ff;font-size:.78rem;font-weight:700}.badge--accent{background:#ff6b9d26;border-color:#ff6b9d66;color:#ffa4c0}.badge--gold{background:#ffc46b24;border-color:#ffc46b66;color:var(--gold)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card--neon{position:relative;background:linear-gradient(var(--surface-solid),var(--surface-solid)) padding-box,var(--grad-neon) border-box;border:1.5px solid transparent}@keyframes pop-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes pop-select{0%{transform:scale(1)}40%{transform:scale(1.05)}to{transform:scale(1.02)}}@keyframes bounce-in{0%{opacity:0;transform:translateY(16px) scale(.93)}60%{opacity:1;transform:translateY(-4px) scale(1.02)}to{opacity:1;transform:none}}@keyframes chip-bounce{0%{transform:scale(1)}45%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes confetti-fall{0%{opacity:1;transform:translate(0) rotate(0) scale(1)}to{opacity:0;transform:translate(var(--cf-x, 0px),var(--cf-y, 240px)) rotate(var(--cf-rot, 540deg)) scale(.7)}}@keyframes glow-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}