:root{--bg-primary:#faf9f5;--bg-secondary:#eeeae0;--bg-elevated:#fff;--text-primary:#141413;--text-secondary:#5c5a53;--text-muted:#b0aea5;--accent-primary:#d97757;--accent-secondary:#b86246;--accent-light:#fbe6e1;--danger:#dc2626;--danger-light:#fef2f2;--success:#16a34a;--success-light:#f0fdf4;--warning:#d97706;--info:#0284c7;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:5rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-secondary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color .2s}button{cursor:pointer;background:0 0;border:none;font-family:inherit}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.2}h1{letter-spacing:-.02em;font-size:clamp(2rem,5vw,3rem)}h2{letter-spacing:-.01em;font-size:clamp(1.75rem,4vw,2.25rem)}h3{font-size:clamp(1.25rem,3vw,1.5rem)}.card{background:var(--bg-elevated);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:box-shadow .2s}.card-hover:hover{box-shadow:var(--shadow-md)}.btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:var(--space-sm);font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-secondary);color:#fff}.btn-outline{border:1px solid var(--border-color);color:var(--text-primary);background:#fff}.btn-outline:hover{background:var(--bg-secondary)}.container{max-width:1200px;padding:0 var(--space-xl);margin:0 auto}@media (width<=640px){.container{padding:0 var(--space-md)}}.header-nav-container{align-items:center;gap:var(--space-xl);display:flex}.header-nav-divider{background:var(--border-color);width:1px;height:24px}.header-nav-links{gap:var(--space-xs);display:flex}@media (width<=768px){.header-nav-container{justify-content:center;gap:var(--space-md);flex-wrap:wrap;width:100%;margin-top:.5rem}.header-nav-divider{display:none}.header-nav-links{flex-wrap:wrap;justify-content:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}@keyframes textShine{0%{background-position:0%}to{background-position:200%}}.logo-text{background:linear-gradient(to right, var(--text-primary) 20%, var(--accent-primary) 40%, var(--accent-secondary) 60%, var(--text-primary) 80%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;transition:transform .3s;animation:5s linear infinite textShine;display:inline-block}.logo-text:hover{transform:scale(1.03)}.prose{color:var(--text-secondary);font-size:1.15rem;line-height:1.8}.prose h2{color:var(--text-primary);border-bottom:1px solid var(--border-color);letter-spacing:-.02em;margin-top:3.5rem;margin-bottom:1.25rem;padding-bottom:.5rem;font-size:1.8rem}.prose h3{color:var(--text-primary);margin-top:2.5rem;margin-bottom:1rem;font-size:1.4rem;font-weight:600}.prose p{margin-bottom:1.5rem}.prose strong{color:var(--text-primary);font-weight:600}.prose ul,.prose ol{margin-bottom:1.5rem;padding-left:1.5rem}.prose li{margin-bottom:.5rem}.prose code{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--accent-secondary);border:1px solid var(--border-color);padding:.2em .4em;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:.85em}.prose pre{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#0f172a;margin-bottom:2rem;padding:1.25rem;overflow-x:auto;box-shadow:0 4px 6px -1px #0000001a}.prose pre code{color:#e2e8f0;background:0 0;border:none;padding:0;font-size:.9em;line-height:1.6}