:root{--color-primary:#1f3f34;--color-primary-light:#2a5a4a;--color-secondary:#d4af37;--color-background:#fafafa;--color-surface:#fff;--color-text-primary:#2d3748;--color-text-secondary:#4a5568;--color-white:#fff;--font-sans:var(--font-noto-sans-kr),sans-serif;--font-serif:var(--font-noto-serif-kr),serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--color-primary);margin-bottom:var(--spacing-sm);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none;transition:color .3s}a:hover{color:var(--color-secondary)}.container{max-width:1200px;padding:0 var(--spacing-sm);margin:0 auto}@media (min-width:768px){.container{padding:0 var(--spacing-md)}}.button{background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-sm);cursor:pointer;text-align:center;border:none;padding:.75rem 1.5rem;font-weight:500;transition:all .3s;display:inline-block}.button:hover{background-color:var(--color-primary-light);color:var(--color-white);transform:translateY(-2px)}.button-outline{color:var(--color-primary);border:1px solid var(--color-primary);background-color:#0000}.button-outline:hover{background-color:var(--color-primary);color:var(--color-white)}