:root{color-scheme:light;--font-family-sans: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.48;--line-height-relaxed: 1.7;--font-size-display-lg: 40px;--font-size-display-md: 36px;--font-size-heading-xl: 32px;--font-size-heading-lg: 24px;--font-size-heading-md: 22px;--font-size-title-lg: 20px;--font-size-title-md: 18px;--font-size-title-sm: 16px;--font-size-body-lg: 17px;--font-size-body-md: 15px;--font-size-body-sm: 14px;--font-size-label-lg: 17px;--font-size-label-md: 15px;--font-size-label-sm: 13px;--font-size-caption: 12px;--space-2: 2px;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--space-56: 56px;--space-64: 64px;--space-80: 80px;--r-0: 0px;--r-4: 4px;--r-6: 6px;--r-8: 8px;--r-10: 10px;--r-16: 16px;--r-circle: 1000px;--radius-xs: var(--r-4);--radius-sm: var(--r-6);--radius-md: var(--r-6);--radius-lg: var(--r-8);--radius-dialog: var(--r-10);--radius-pill: var(--r-16);--radius-full: var(--r-circle);--motion-easing-linear: cubic-bezier(0, 0, 1, 1);--motion-easing-ease-in: cubic-bezier(.4, 0, 1, 1);--motion-easing-ease-out: cubic-bezier(0, 0, .5, 1);--motion-easing-ease-in-out: cubic-bezier(.4, 0, .5, 1);--motion-duration-short: .1s;--motion-duration-medium: .2s;--motion-duration-long: .3s;--motion-duration-loop: 1s;--ease-in: var(--motion-easing-ease-in);--ease-out: var(--motion-easing-ease-out);--ease-io: var(--motion-easing-ease-in-out);--t-100: var(--motion-duration-short);--t-200: var(--motion-duration-medium);--t-300: var(--motion-duration-long);--color-static-black: #0e121a;--color-static-white: #ffffff;--color-navy-25: #f6f8fc;--color-navy-50: #eef2fa;--color-navy-100: #d9e2f5;--color-navy-200: #b8c9ee;--color-navy-300: #8ea9e3;--color-navy-400: #6789d6;--color-navy-500: #3e66c4;--color-navy-600: #234aa3;--color-navy-700: #173a84;--color-navy-800: #122c69;--color-navy-900: #0f2555;--color-navy-950: #0a1b3f;--color-gray-0: #ffffff;--color-gray-25: #fcfcfd;--color-gray-50: #f6f7f9;--color-gray-100: #eceef2;--color-gray-200: #e1e4ea;--color-gray-300: #cbd1db;--color-gray-400: #b3bac7;--color-gray-500: #99a1b2;--color-gray-600: #7c8597;--color-gray-700: #616a7c;--color-gray-800: #4a5263;--color-gray-900: #323848;--color-gray-950: #1b1f2b;--color-gray-1000: #0e121a;--color-info-main: #2d6ae3;--color-info-light: #6a95f0;--color-info-dark: #1e4cb3;--color-info-subtle: #eaf2ff;--color-success-main: #1fa37a;--color-success-light: #58c3a3;--color-success-dark: #177a5c;--color-success-subtle: #e9f8f3;--color-warning-main: #e59f25;--color-warning-light: #f2bf66;--color-warning-dark: #b47518;--color-warning-subtle: #fff6e8;--color-error-main: #d64545;--color-error-light: #e57878;--color-error-dark: #a53030;--color-error-subtle: #fdeeee;--alpha-1: rgba(15, 37, 85, .04);--alpha-2: rgba(15, 37, 85, .08);--alpha-3: rgba(15, 37, 85, .12);--gradient-hero: linear-gradient( 135deg, #0f2555 0%, #234aa3 60%, #3e66c4 100% );--gradient-signal: linear-gradient(135deg, #173a84 0%, #2d6ae3 100%);--link-underline-color: rgba(15, 37, 85, .25);--background-primary: var(--color-gray-50);--background-secondary: var(--color-gray-25);--surface-primary: var(--color-gray-0);--surface-secondary: var(--color-gray-50);--surface-floating: var(--color-gray-0);--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-700);--text-tertiary: var(--color-gray-500);--border-primary: var(--color-gray-200);--border-secondary: var(--color-gray-100);--border-strong: var(--color-gray-300);--focus-ring: var(--color-info-main);--overlay-dim: rgba(10, 12, 16, .5);--shadow-1: 0 1px 2px rgba(15, 37, 85, .08), 0 1px 1px rgba(15, 37, 85, .04);--shadow-2: 0 6px 18px rgba(15, 37, 85, .22);--shadow-3: 0 10px 24px rgba(15, 37, 85, .16), 0 2px 6px rgba(15, 37, 85, .1);--shadow-strong: 0 18px 40px rgba(15, 37, 85, .24), 0 4px 10px rgba(15, 37, 85, .14);--button-primary-fill: var(--color-navy-900);--button-primary-hover: var(--color-navy-700);--button-primary-pressed: var(--color-navy-800);--button-primary-text: var(--color-static-white);--button-secondary-fill: var(--color-gray-0);--button-secondary-hover: var(--alpha-2);--button-secondary-pressed: var(--alpha-3);--button-secondary-text: var(--color-gray-900);--button-tertiary-hover: var(--alpha-1);--button-tertiary-pressed: var(--alpha-2);--button-tertiary-text: var(--color-navy-900);--accent-critical: var(--color-error-main);--accent-critical-hover: var(--color-error-dark);--accent-critical-pressed: var(--color-error-dark);--accent-info: var(--color-info-main);--accent-info-hover: var(--color-info-dark);--accent-info-pressed: var(--color-info-dark)}[data-theme=dark]{color-scheme:dark;--background-primary: #0e121a;--background-secondary: var(--color-gray-950);--surface-primary: #1b1f2b;--surface-secondary: var(--color-gray-900);--surface-floating: var(--color-gray-900);--text-primary: var(--color-gray-50);--text-secondary: var(--color-gray-400);--text-tertiary: var(--color-gray-500);--border-primary: #4a5263;--border-secondary: var(--color-gray-900);--border-strong: var(--color-gray-700);--focus-ring: rgba(106, 149, 240, .3);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 1px rgba(0, 0, 0, .24);--shadow-2: 0 4px 12px rgba(15, 37, 85, .25);--shadow-3: 0 10px 24px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .3);--shadow-strong: 0 18px 40px rgba(0, 0, 0, .58), 0 4px 10px rgba(0, 0, 0, .32);--alpha-1: rgba(255, 255, 255, .04);--alpha-2: rgba(255, 255, 255, .06);--alpha-3: rgba(255, 255, 255, .08);--gradient-glass: linear-gradient( 180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, 0) );--button-primary-fill: var(--color-navy-900);--button-primary-hover: var(--color-navy-700);--button-primary-pressed: var(--color-navy-800);--button-primary-text: var(--color-static-white);--button-secondary-fill: rgba( 255, 255, 255, .04 );--button-secondary-hover: rgba(255, 255, 255, .08);--button-secondary-pressed: rgba(255, 255, 255, .12);--button-secondary-text: var(--color-static-white);--button-tertiary-hover: rgba(255, 255, 255, .04);--button-tertiary-pressed: rgba(255, 255, 255, .06);--button-tertiary-text: var(--color-info-light);--accent-critical: var(--color-error-light);--accent-critical-hover: var(--color-error-main);--accent-critical-pressed: var(--color-error-dark);--accent-info: var(--color-info-light);--accent-info-hover: var(--color-info-main);--accent-info-pressed: var(--color-info-dark);--link-underline-color: rgba(255, 255, 255, .35)}*{box-sizing:border-box}*:before,*:after{box-sizing:inherit}body{margin:0;font-family:var(--font-family-sans);font-weight:var(--font-weight-medium);font-size:var(--font-size-body-md);line-height:var(--line-height-tight);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-primary);color:var(--text-primary)}p{margin-block:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:inherit;text-decoration-color:var(--link-underline-color);transition:text-decoration-color var(--t-100) var(--ease-out)}a:hover,a:focus-visible{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.container{margin-inline:auto;padding-inline:var(--space-20)}@media (min-width: 768px){.container{padding-inline:var(--space-20)}}@media (min-width: 1280px){.container{padding-inline:var(--space-24)}}@media (min-width: 1920px){.container{padding-inline:var(--space-24)}}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-12)}@media (min-width: 768px){.grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--space-16)}}@media (min-width: 1280px){.grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-20)}}@media (min-width: 1920px){.grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-20)}}.stack>*+*{margin-top:var(--space-16)}.toolbar>*+*{margin-left:var(--space-8)}.card{padding:var(--space-16)}.section{margin-block:var(--space-32)}.round-0{border-radius:var(--r-0)}.round-2{border-radius:var(--r-2)}.round-4{border-radius:var(--r-4)}.round-6{border-radius:var(--r-6)}.round-8{border-radius:var(--r-8)}.round-12{border-radius:var(--r-12)}.round-16{border-radius:var(--r-16)}.round-full{border-radius:var(--r-circle)}.elev-0{box-shadow:none;background:var(--surface-secondary)}.elev-1{box-shadow:var(--shadow-1);background:var(--surface-primary);border:1px solid var(--border-primary)}.elev-2{box-shadow:var(--shadow-2);background:var(--surface-primary);border:1px solid transparent}.elev-3{box-shadow:var(--shadow-3);background:var(--surface-floating);border:1px solid transparent}.elev-4{box-shadow:var(--shadow-strong);background:var(--surface-floating);border:1px solid transparent}.dim-overlay{position:fixed;inset:0;background:var(--overlay-dim)}@media (prefers-reduced-motion: reduce){:root{--motion-duration-short: .1s;--motion-duration-medium: .1s;--motion-duration-long: .1s;--motion-duration-loop: 1s;--t-100: var(--motion-duration-short);--t-200: var(--motion-duration-medium);--t-300: var(--motion-duration-long)}*{animation-duration:.1s!important;animation-iteration-count:1!important;transition-duration:.1s!important}}