:root{--color-primary: #1E3A8A;--color-primary-light: #3B82F6;--color-primary-dark: #172554;--color-accent: #15803D;--color-accent-light: #22C55E;--color-accent-bg: rgba(34, 197, 94, .1);--color-highlight: #F59E0B;--color-highlight-bg: rgba(245, 158, 11, .15);--color-bg: #F8FAFC;--color-surface: #FFFFFF;--color-surface-hover: #F1F5F9;--color-text: #0F172A;--color-text-muted: #64748B;--color-text-inverse: #F8FAFC;--color-border: #E2E8F0;--color-border-hover: #CBD5E1;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .03);--shadow-glow: 0 0 20px rgba(59, 130, 246, .25);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--font-sans: "Inter", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--header-height: 72px;--max-width: 1200px}[data-theme=dark]{--color-primary: #3B82F6;--color-primary-light: #60A5FA;--color-primary-dark: #1D4ED8;--color-accent: #22C55E;--color-accent-light: #4ADE80;--color-accent-bg: rgba(74, 222, 128, .12);--color-highlight: #FBBF24;--color-highlight-bg: rgba(251, 191, 36, .15);--color-bg: #0B0F19;--color-surface: #151D2A;--color-surface-hover: #1E293B;--color-text: #F8FAFC;--color-text-muted: #94A3B8;--color-text-inverse: #0F172A;--color-border: #1E293B;--color-border-hover: #334155;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .5);--shadow-glow: 0 0 25px rgba(59, 130, 246, .35)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal);word-break:keep-all;word-wrap:break-word}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img,svg{display:block;max-width:100%}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}@media (min-width: 768px){.container{padding:0 2rem}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25;color:var(--color-text);letter-spacing:-.02em}.section-title{font-size:2.25rem;font-weight:800;margin-bottom:.75rem;letter-spacing:-.03em}.section-subtitle{font-size:1.125rem;color:var(--color-text-muted);max-width:700px;margin-bottom:3rem;line-height:1.6}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;background-color:var(--color-accent-bg);color:var(--color-accent-light);border:1px solid rgba(34,197,94,.2)}.badge-primary{background-color:#3b82f61a;color:var(--color-primary);border-color:#3b82f633}:focus-visible{outline:2px solid var(--color-accent-light);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}