:root{--bg-base: #0f1117;--bg-elevated: #161922;--bg-card: #1a1f2e;--bg-card-hover: #202736;--text-primary: #e8e6e1;--text-secondary: #8a8fa3;--text-muted: #555d73;--accent: #c8b86e;--accent-dim: rgba(200, 184, 110, .12);--accent-glow: rgba(200, 184, 110, .25);--border: rgba(255, 255, 255, .06);--border-hover: rgba(200, 184, 110, .25);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 48px;--space-2xl: 80px;--space-3xl: 120px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-display: Fraunces, Georgia, serif;--font-mono: DM Mono, Fira Code, monospace;--font-body: DM Mono, Fira Code, monospace;--ease: cubic-bezier(.4, 0, .2, 1);--duration: .2s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);font-weight:300;line-height:1.2;color:var(--text-primary)}h1{font-size:clamp(2.4rem,5vw,3.6rem)}h2{font-size:clamp(1.8rem,3vw,2.4rem)}h3{font-size:1.25rem;font-weight:400}h4{font-size:1rem;font-weight:600;font-family:var(--font-mono);letter-spacing:.02em}p{color:var(--text-secondary);font-size:.925rem;line-height:1.75}a{color:var(--accent);text-decoration:none;transition:color var(--duration) var(--ease)}a:hover{color:var(--text-primary)}.container{max-width:1080px;margin:0 auto;padding:0 var(--space-lg)}.section-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-sm)}.tag{display:inline-block;font-family:var(--font-mono);font-size:.72rem;padding:3px 10px;border-radius:var(--radius-sm);background:var(--accent-dim);color:var(--accent);border:1px solid rgba(200,184,110,.18);letter-spacing:.04em}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}::selection{background:var(--accent-dim);color:var(--accent)}