:root{--font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif;--font-display: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif;--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-secondary-50: #f8fafc;--color-secondary-100: #f1f5f9;--color-secondary-200: #e2e8f0;--color-secondary-300: #cbd5e1;--color-secondary-400: #94a3b8;--color-secondary-500: #64748b;--color-secondary-600: #475569;--color-secondary-700: #334155;--color-secondary-800: #1e293b;--color-secondary-900: #0f172a;--color-secondary: #64748b;--color-accent-50: #f0f9ff;--color-accent-100: #e0f2fe;--color-accent-200: #bae6fd;--color-accent-300: #7dd3fc;--color-accent-400: #38bdf8;--color-accent-500: #0ea5e9;--color-accent-600: #0284c7;--color-accent-700: #0369a1;--color-accent-800: #075985;--color-accent-900: #0c4a6e;--color-accent: #0ea5e9;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-200: #bbf7d0;--color-success-300: #86efac;--color-success-400: #4ade80;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-success: #16a34a;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning: #d97706;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-300: #fca5a5;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-error: #dc2626;--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info: #2563eb;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-sidebar: #f8fafc;--bg-card: #ffffff;--bg-overlay: rgba(15, 23, 42, .6);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--text-inverse: #ffffff;--border-color: #e2e8f0;--border-color-hover: #cbd5e1;--border: 1px solid var(--border-color);--border-radius: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-2xl: 1.5rem;--border-radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .08);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .08);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-primary: 0 4px 14px -3px rgba(37, 99, 235, .3);--shadow-success: 0 4px 14px -3px rgba(22, 163, 74, .3);--shadow-warning: 0 4px 14px -3px rgba(217, 119, 6, .3);--shadow-error: 0 4px 14px -3px rgba(220, 38, 38, .3);--space-0: 0;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--header-height: 56px;--sidebar-width: 260px;--content-max-width: 1200px;--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--transition-fast: .15s ease;--transition: .2s ease;--transition-slow: .3s ease;--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--card-padding: var(--space-lg);--card-radius: var(--border-radius-lg);--card-shadow: var(--shadow-sm);--card-shadow-hover: var(--shadow);--card-border: var(--border);--infobox-padding: var(--space-lg);--infobox-radius: var(--border-radius-lg);--infobox-bg: var(--bg-secondary);--infobox-border: var(--border);--note-bg: var(--color-warning-50);--note-border: 1px solid var(--color-warning-200);--note-accent: var(--color-warning);--active-bg: var(--color-primary);--active-color: var(--text-inverse);--active-border: var(--color-primary);--badge-radius: var(--border-radius-full);--badge-default-bg: var(--color-primary-50);--badge-default-color: var(--color-primary-800);--badge-success-bg: var(--color-success-50);--badge-success-color: var(--color-success-700);--badge-warning-bg: var(--color-warning-50);--badge-warning-color: var(--color-warning-700);--badge-error-bg: var(--color-error-50);--badge-error-color: var(--color-error-700);--badge-info-bg: var(--color-info-50);--badge-info-color: var(--color-primary-700);--badge-accent-bg: var(--color-accent-50);--badge-accent-color: var(--color-accent-700);--teer-0: var(--color-error-700);--teer-1: var(--color-primary);--teer-2: var(--color-success-700);--teer-3: var(--color-warning);--teer-4: var(--color-warning-700);--teer-5: var(--color-gray-500);--intro-bg: var(--color-primary-50);--intro-border: 1px solid var(--color-primary-200);--intro-heading: var(--color-primary-800);--tip-warning-bg: var(--color-error-50);--tip-warning-border: 1px solid var(--color-error-300);--tip-warning-color: var(--color-error-700);--tip-info-bg: var(--color-info-50);--tip-info-border: 1px solid var(--color-primary-200);--tip-info-color: var(--color-primary-800);--btn-secondary-bg: var(--color-primary-800);--btn-secondary-hover: var(--color-primary-900)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);line-height:1.6;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}a{color:var(--color-primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--color-primary-dark)}::selection{background-color:var(--color-primary);color:var(--text-inverse)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.hero{position:relative;margin:0;min-height:100vh;background:linear-gradient(180deg,#fff,#f0f5ff 12%,#e0ecff 35%,#dbeafe 55%,#eff6ff 80%,#fff);overflow:hidden;width:100vw;margin-left:calc(-50vw + 50%);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--space-xl);padding:0 max(5%,calc((100vw - 1400px)/2))}.hero:before{content:"";position:absolute;top:-30%;right:-10%;width:60%;height:80%;background:radial-gradient(ellipse,rgba(37,99,235,.08) 0%,transparent 70%);pointer-events:none;animation:heroGlow 8s ease-in-out infinite alternate}.hero:after{content:"";position:absolute;bottom:-20%;left:10%;width:40%;height:60%;background:radial-gradient(ellipse,rgba(14,165,233,.06) 0%,transparent 70%);pointer-events:none;animation:heroGlow 10s ease-in-out 2s infinite alternate}@keyframes heroGlow{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.hero-canvas{position:absolute;top:0;right:0;width:50vw;height:100%;z-index:0;pointer-events:none}.hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-dots{position:absolute;inset:0;background-image:radial-gradient(var(--color-primary-300) 1px,transparent 1px);background-size:24px 24px;opacity:.12;z-index:1}.hero-content{position:relative;z-index:2;text-align:left;max-width:600px;justify-self:start}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:linear-gradient(135deg,var(--color-primary-50),var(--color-accent-50));border:1px solid var(--color-primary-200);border-radius:999px;font-size:var(--text-xs);font-weight:600;color:var(--color-primary-700);margin-bottom:var(--space-lg);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 12px #2563eb1a}.hero-badge-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}.hero-content h1{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-md);line-height:1.2;letter-spacing:-.03em}.hero-title-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content p{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-xl);max-width:420px;margin-left:0;margin-right:auto;line-height:1.7}.hero-actions{position:relative;z-index:2;display:flex;gap:var(--space-sm);justify-content:flex-start;flex-wrap:wrap;margin-bottom:var(--space-xl)}.hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:600;border-radius:6px;text-decoration:none;transition:all .2s ease;letter-spacing:-.01em}.hero-btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--text-inverse);border:none;box-shadow:0 4px 16px #2563eb4d}.hero-btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary-900) 100%);transform:translateY(-2px);box-shadow:0 6px 24px #2563eb66}.hero-btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.hero-btn-secondary:hover{border-color:var(--color-primary);background:var(--color-primary-50);color:var(--color-primary)}@media(max-width:768px){.hero{grid-template-columns:1fr;min-height:auto;padding:var(--space-3xl) var(--space-lg) var(--space-2xl);text-align:center}.hero-canvas{width:100vw;height:40vh;top:auto;bottom:0;opacity:.4}.hero-content{text-align:center;max-width:100%}.hero-content h1{font-size:var(--text-3xl)}.hero-content p{font-size:var(--text-base);margin-left:auto;margin-right:auto}.hero-badge{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}}.app-footer[data-astro-cid-sz7xmlte]{background:var(--bg-secondary);border-top:var(--border);padding:var(--space-lg) var(--space-md);text-align:center;color:var(--text-secondary);font-size:var(--text-sm)}.footer-content[data-astro-cid-sz7xmlte]{max-width:1200px;margin:0 auto}.footer-content[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{margin-bottom:var(--space-md);line-height:1.6}.footer-links[data-astro-cid-sz7xmlte]{display:flex;justify-content:center;gap:var(--space-lg);flex-wrap:wrap}.footer-link[data-astro-cid-sz7xmlte]{color:var(--text-secondary);text-decoration:none;transition:var(--transition);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius)}.footer-link[data-astro-cid-sz7xmlte]:hover{color:var(--text-primary);background-color:var(--color-gray-100)}.footer-link[data-astro-cid-sz7xmlte]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:768px){.footer-links[data-astro-cid-sz7xmlte]{flex-direction:column;gap:var(--space-sm)}.footer-link[data-astro-cid-sz7xmlte]{text-align:center}}