:root{--ds-neutral-0:#fff;--ds-neutral-50:#f7f9fc;--ds-neutral-100:#eef2f7;--ds-neutral-200:#d8deea;--ds-neutral-300:#bcc6d8;--ds-neutral-400:#96a3bc;--ds-neutral-500:#6f7f9d;--ds-neutral-600:#526180;--ds-neutral-700:#3a4760;--ds-neutral-800:#232d40;--ds-neutral-900:#121823;--ds-brand-50:#eff5ff;--ds-brand-100:#dceaff;--ds-brand-200:#bdd7ff;--ds-brand-300:#94beff;--ds-brand-400:#699fff;--ds-brand-500:#4d87ff;--ds-brand-600:#3f72ed;--ds-brand-700:#345fce;--ds-brand-800:#2d4fa7;--ds-brand-900:#263f82;--ds-violet-500:#8b6cff;--ds-gold-500:#f4bf6b;--ds-rose-500:#f06a9d;--ds-success-500:#18b87a;--ds-danger-500:#ef4d6d;--ds-bg-page:#0b0f1a;--ds-bg-surface:#121928;--ds-bg-surface-elevated:#151e2f;--ds-bg-soft:#1b2436;--ds-bg-accent:linear-gradient(145deg, #1a2441 0%, #152039 55%, #24183a 100%);--ds-bg-brand-soft:#4d87ff24;--ds-text-strong:#f3f6fd;--ds-text-default:#d5ddef;--ds-text-muted:#9ca9c5;--ds-text-on-brand:#07142f;--ds-text-inverse:#fff;--ds-border-default:#bcc6d83d;--ds-border-strong:#bcc6d861;--ds-border-focus:#699fff99;--ds-font-family-base:var(--font-geist-sans), "Pretendard", "Noto Sans KR", sans-serif;--ds-font-family-mono:var(--font-geist-mono), "JetBrains Mono", monospace;--ds-text-xs:12px;--ds-text-sm:14px;--ds-text-md:16px;--ds-text-lg:20px;--ds-text-xl:clamp(26px, 3.4vw, 42px);--ds-leading-tight:1.2;--ds-leading-normal:1.55;--ds-leading-relaxed:1.7;--app-column-width:448px;--app-shell-bg:#fff;--app-shell-ink:#1c1a20;--app-shell-muted:#6f6a74;--app-chrome-bg:#ffffffeb;--app-chrome-border:#ebe8ee;--ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;--ds-space-5:20px;--ds-space-6:24px;--ds-space-7:32px;--ds-space-8:40px;--ds-bp-nav-collapse:1100px;--ds-bp-tablet:860px;--ds-bp-mobile:560px;--ds-container-site:1240px;--ds-container-content:1120px;--ds-container-admin:1280px;--ds-radius-sm:10px;--ds-radius-md:14px;--ds-radius-lg:20px;--ds-shadow-sm:0 6px 16px #050a1433;--ds-shadow-md:0 12px 30px #0408124d;--ds-button-primary-bg:linear-gradient(135deg, #f4bf6b 0%, #d88f4c 100%);--ds-button-primary-text:#2f1c07;--ds-button-secondary-bg:#ffffff0d;--ds-button-secondary-text:var(--ds-text-default);--ds-button-secondary-border:var(--ds-border-default);--ds-button-disabled-bg:#8f8d97;--ds-overlay-white-03:#ffffff08;--ds-overlay-white-04:#ffffff0a;--ds-overlay-white-05:#ffffff0d;--ds-overlay-white-08:#ffffff14;--ds-overlay-white-15:#ffffff26;--ds-overlay-black-30:#0000004d;--ds-overlay-black-55:#0000008c;--ds-overlay-appbar:#0b0c15eb;--ds-overlay-banner-strong:#06080cad;--ds-overlay-banner-soft:#06080c1a;--ds-input-bg:#090b14cc;--ds-gold-border-22:#f6cc7e38;--ds-gold-border-25:#f6cc7e40;--ds-gold-border-30:#f6cc7e4d;--ds-gold-border-40:#f6cc7e66;--ds-gold-border-42:#f6cc7e6b;--ds-gold-border-45:#f6cc7e73;--ds-gold-border-50:#f6cc7e80;--ds-gold-border-focus:#f6cc7e8c;--ds-gold-bg-08:#f6cc7e14;--ds-gold-bg-10:#f6cc7e1a;--ds-gold-bg-12:#f6cc7e1f;--ds-gradient-logo-mark:radial-gradient(circle at 30% 30%, #4e2b74 0%, #261536 85%);--ds-gradient-hero:radial-gradient(circle at 10% -20%, #412361 0%, transparent 45%), radial-gradient(circle at 95% 0%, #6f2a3e 0%, transparent 30%), linear-gradient(155deg, #171227 0%, #0f1017 55%, #131018 100%);--ds-gradient-hero-alt:radial-gradient(circle at 10% -20%, #412361 0%, transparent 45%), radial-gradient(circle at 90% 0%, #6f2a3e 0%, transparent 35%), linear-gradient(155deg, #171227 0%, #0f1017 55%, #131018 100%);--ds-gradient-banner-overlay:linear-gradient(to top, var(--ds-overlay-banner-strong), var(--ds-overlay-banner-soft));--ds-gradient-cta-soft:linear-gradient(90deg, var(--ds-gold-bg-12) 0%, #d9924c0f 100%);--ds-gradient-thumb-0:linear-gradient(135deg, #3d1e65 0%, #1e2a65 100%);--ds-gradient-thumb-1:linear-gradient(135deg, #622646 0%, #2d1b37 100%);--ds-gradient-thumb-2:linear-gradient(135deg, #7d4e1d 0%, #3e1e2a 100%);--ds-gradient-thumb-3:linear-gradient(135deg, #2f5f63 0%, #1e1f3e 100%);--ds-gradient-floating:linear-gradient(145deg, #3f284f 0%, #1b1527 100%);--ds-gradient-sample-rose:linear-gradient(145deg, #62264652 0%, #1e172833 100%);--ds-gradient-sample-blue:linear-gradient(145deg, #223f6052 0%, #181a2a33 100%);--ds-gradient-sample-violet:linear-gradient(145deg, #3d1e6552 0%, #1c182e33 100%)}@media (prefers-color-scheme:light){:root{--ds-bg-page:#f4f7ff;--ds-bg-surface:#fff;--ds-bg-surface-elevated:#f7faff;--ds-bg-soft:#eef3ff;--ds-bg-accent:linear-gradient(145deg, #edf2ff 0%, #e9efff 55%, #f2edff 100%);--ds-bg-brand-soft:#4d87ff1f;--ds-text-strong:#1a2335;--ds-text-default:#2a3550;--ds-text-muted:#5f6f8e;--ds-text-on-brand:#fff;--ds-text-inverse:#fff;--ds-border-default:#3a47602e;--ds-border-strong:#3a47604d;--ds-border-focus:#345fce80;--ds-button-primary-bg:linear-gradient(135deg, #3f72ed 0%, #4d87ff 100%);--ds-button-primary-text:#fff;--ds-button-secondary-bg:#fff;--ds-button-secondary-text:#2a3550;--ds-button-secondary-border:#3a476040;--ds-button-disabled-bg:#a5adbe;--ds-input-bg:#fff;--ds-overlay-appbar:#ffffffeb;--ds-overlay-white-03:#3a476008;--ds-overlay-white-04:#3a47600a;--ds-overlay-white-05:#3a47600d;--ds-overlay-white-08:#3a476014;--ds-overlay-white-15:#3a476026;--ds-overlay-black-30:#1a23354d;--ds-overlay-black-55:#1a233573;--ds-gradient-logo-mark:radial-gradient(circle at 30% 30%, #95aef3 0%, #4964b2 85%);--ds-gradient-hero:radial-gradient(circle at 10% -20%, #dce7ff 0%, transparent 45%), radial-gradient(circle at 95% 0%, #f7d8e7 0%, transparent 30%), linear-gradient(155deg, #eef3ff 0%, #e8efff 55%, #f4f0ff 100%);--ds-gradient-hero-alt:radial-gradient(circle at 10% -20%, #dce7ff 0%, transparent 45%), radial-gradient(circle at 90% 0%, #f7d8e7 0%, transparent 35%), linear-gradient(155deg, #eef3ff 0%, #e8efff 55%, #f4f0ff 100%);--ds-gradient-cta-soft:linear-gradient(90deg, #345fce1a 0%, #4d87ff0f 100%);--ds-gradient-thumb-0:linear-gradient(135deg, #b7c9ff 0%, #9db7ff 100%);--ds-gradient-thumb-1:linear-gradient(135deg, #f0bfd4 0%, #e2acc5 100%);--ds-gradient-thumb-2:linear-gradient(135deg, #f7d8aa 0%, #efc38f 100%);--ds-gradient-thumb-3:linear-gradient(135deg, #b8e3e6 0%, #a0d4dd 100%);--ds-gradient-floating:linear-gradient(145deg, #5f7fca 0%, #3f64b5 100%);--ds-gradient-sample-rose:linear-gradient(145deg, #f06a9d33 0%, #ffffffb3 100%);--ds-gradient-sample-blue:linear-gradient(145deg, #4d87ff33 0%, #ffffffb3 100%);--ds-gradient-sample-violet:linear-gradient(145deg, #8b6cff38 0%, #ffffffb3 100%)}}.ds-container{width:min(var(--ds-container-site), 100%);margin:0 auto}.ds-container-content{width:min(var(--ds-container-content), 100%);margin:0 auto}.ds-container-admin{width:min(var(--ds-container-admin), 100%);margin:0 auto}.ds-surface{border:1px solid var(--ds-border-default);background:var(--ds-bg-surface-elevated);border-radius:var(--ds-radius-md)}.ds-focus-ring:focus-visible{outline:2px solid var(--ds-border-focus);outline-offset:2px}
:root{--background:var(--ds-bg-page);--foreground:var(--ds-text-default);--surface:var(--ds-bg-surface);--surface-strong:var(--ds-bg-surface-elevated);--surface-border:var(--ds-border-default);--muted-foreground:var(--ds-text-muted);--accent-gold:var(--ds-gold-500);--accent-violet:var(--ds-violet-500);--glass-bg:color-mix(in srgb, var(--ds-bg-surface-elevated) 76%, transparent);--glass-bg-strong:color-mix(in srgb, var(--ds-bg-surface-elevated) 88%, transparent);--glass-bg-soft:color-mix(in srgb, var(--ds-overlay-white-05) 62%, transparent);--glass-border:color-mix(in srgb, var(--ds-border-default) 72%, var(--ds-overlay-white-12));--glass-shadow:0 16px 42px color-mix(in srgb, var(--ds-overlay-black-45) 70%, transparent);--glass-blur:16px}html{height:100%}html,body{max-width:100vw;overflow-x:clip}body{min-height:100%;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);color:var(--app-shell-ink);background:var(--app-shell-bg);font-family:var(--ds-font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}main section,article,header,aside{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(130%)}@media (max-width:860px){input,select,textarea{font-size:16px}}
