.layout{display:flex;flex-direction:column;min-height:100vh}.header{background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:1.25rem 0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:100}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.logo{text-decoration:none;color:inherit}.logo h1{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--color-text-primary)}.nav{display:flex;gap:2rem;align-items:center}.nav a{text-decoration:none;color:var(--color-text-secondary);font-weight:500;font-size:.9375rem;transition:color .2s ease;position:relative}.nav a:hover{color:var(--color-accent)}.nav a:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background-color:var(--color-accent);transform:scaleX(0);transition:transform .2s ease}.nav a:hover:after{transform:scaleX(1)}.main{flex:1;padding:2.5rem 0}.footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:2.5rem 0;margin-top:4rem;text-align:center;color:var(--color-text-secondary)}.footer p{margin:.5rem 0;font-size:.9375rem}.footer a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}.footer a:hover{color:var(--color-accent-hover);text-decoration:underline}@media (max-width: 768px){.header .container{flex-direction:column;align-items:flex-start}.nav{flex-wrap:wrap;gap:1rem}}:root{--font-sans: "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: "JetBrains Mono", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--color-text-primary: #1a1a1a;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-bg-primary: #fffff8;--color-bg-secondary: #faf9f6;--color-bg-code: #2d2d2d;--color-border: #e8e6e1;--color-accent: #3b82f6;--color-accent-hover: #2563eb;font-family:var(--font-sans);line-height:1.2;font-weight:400;letter-spacing:-.011em;color:var(--color-text-primary);background-color:var(--color-bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-accent-hover)}h1{font-size:1.75rem;line-height:1.2;font-weight:700;letter-spacing:-.025em;margin-bottom:.5em;color:var(--color-text-primary)}h2{font-size:1.5rem;line-height:1.3;font-weight:700;letter-spacing:-.02em;margin-top:1.5em;margin-bottom:.5em;color:var(--color-text-primary)}h3{font-size:1.25rem;line-height:1.4;font-weight:600;letter-spacing:-.015em;margin-top:1.25em;margin-bottom:.5em;color:var(--color-text-primary)}p{margin-bottom:1.25em;color:var(--color-text-primary)}code{background-color:#f3f4f6;color:#374151;padding:.125em .25em;border-radius:3px;font-family:var(--font-mono);font-size:.875em;font-weight:500}pre{background-color:var(--color-bg-code);padding:1.25em;border-radius:8px;overflow-x:auto;margin-bottom:1.5em;border:1px solid #3a3a3a}pre code{background:none;padding:0;border-radius:0;font-weight:400;color:#e5e7eb}