:root{--color-ink: #1A1A1A;--color-sage: #3E7C4B;--color-sage-light: #6FBF7E;--color-sage-dark: #2C5E38;--color-sage-tint: #DFF3E0;--color-sage-rgb: 62, 124, 75;--color-coral: #F08A3C;--color-coral-light: #FFC79A;--color-bronze: #D9A036;--color-bronze-light: #EBC060;--color-bg-cream: #FAF4E8;--color-bg-warm-gray: #F1E8D7;--color-bg-white: #FFFFFF;--color-text-primary: #1A1A1A;--color-text-secondary: #404040;--color-text-muted: #666666;--color-navy: #1A1A1A;--color-navy-dark: #000000;--color-border: #1A1A1A;--color-border-light: #1A1A1A;--border-width: 2px;--border-width-thick: 3px;--color-success: #1E7A43;--color-success-bg: #A9F0C1;--color-error: #D93025;--color-error-bg: #FFC9C9;--color-warning-bg: #FFE1A0;--color-info-bg: #DCD3FF;--color-info-bg-hover: #C7B9FF;--font-heading: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", -apple-system, BlinkMacSystemFont, sans-serif;--line-height-body: 1.7;--line-height-heading: 1.25;--section-gap: 5.5rem;--section-gap-mobile: 3.5rem;--container-max: 1200px;--container-padding: 1.5rem;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-pill: 0;--shadow-sm: 3px 3px 0 var(--color-ink);--shadow-md: 5px 5px 0 var(--color-ink);--shadow-lg: 8px 8px 0 var(--color-ink);--shadow-hover: 6px 6px 0 var(--color-ink);--shadow-focus: 0 0 0 3px var(--color-coral);--transition-fast: .1s ease-out;--transition-base: .15s ease-out;--transition-slow: .3s ease-out}body{margin:0;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-break:keep-all}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.section-container{background-color:var(--color-bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:var(--border-width) solid var(--color-border);padding:2rem;margin-bottom:2rem}.section-title{color:var(--color-text-primary);font-family:var(--font-heading);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-border)}@media (max-width: 768px){.section-container{padding:1.5rem;margin-bottom:1.5rem;border-radius:var(--radius-sm)}.section-title{font-size:1.25rem;margin-bottom:1rem;padding-bottom:.5rem}}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{padding:.75rem 1.25rem;border-radius:var(--radius-sm);font-size:.9rem;font-family:var(--font-body);max-width:min(360px,calc(100vw - 2rem));pointer-events:auto;animation:toast-slide-in .3s var(--transition-base);box-shadow:var(--shadow-md)}.toast-error{background-color:var(--color-error-bg);color:var(--color-error);border:var(--border-width) solid var(--color-ink)}.toast-success{background-color:var(--color-success-bg);color:var(--color-success);border:var(--border-width) solid var(--color-ink)}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}*{margin:0;padding:0;box-sizing:border-box}body{color:var(--color-text-primary);background-color:var(--color-bg-cream);line-height:var(--line-height-body)}.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;margin-top:60px}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-family:var(--font-heading);font-weight:800;letter-spacing:-.02em;line-height:var(--line-height-heading);margin-bottom:1rem}p{margin-bottom:1rem}a{color:var(--color-sage);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-sage-dark)}button{cursor:pointer;border:none;outline:none;font-size:1rem;font-family:var(--font-body);padding:.75rem 1.5rem;border-radius:var(--radius-sm);transition:all var(--transition-base)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.text-center{text-align:center}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:2rem}.scroll-fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-fade-in.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.scroll-fade-in{opacity:1;transform:none;transition:none}}@media (max-width: 768px){.container{padding:0 1rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}