:root{color-scheme:light;--bg: #fdfcf8;--surface: #ffffff;--text: #1f2937;--muted: #5b6472;--accent: #2563eb;--border: #e8e2d6;--shadow: 0 10px 30px rgba(31, 41, 55, 0.06)}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;line-height:1.7;background:var(--bg);color:var(--text)}@keyframes fadeUpIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}a{color:var(--accent);text-decoration:none}img{max-width:100%;display:block}.container{width:min(100% - 2rem, 760px);margin:0 auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,0.95);border-bottom:1px solid var(--border);backdrop-filter:blur(8px)}.site-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.brand{font-weight:700;color:var(--text)}.site-nav ul{display:flex;gap:0.6rem;list-style:none;padding:0;margin:0}.site-nav li a{display:inline-block;padding:0.45rem 0.8rem;border-radius:999px;color:var(--text);background:transparent;border:1px solid transparent;transition:background 0.2s ease, border-color 0.2s ease}.site-nav li a:hover{background:#f6efe4;border-color:var(--border);text-decoration:none}.hero{padding:5rem 0 3rem;background:linear-gradient(135deg, #f9f5eb 0%, #efe4d0 100%)}.hero .container{animation:fadeUpIn 0.8s ease both}.hero h1,.hero-copy,.hero-actions{opacity:0;animation:fadeUpIn 0.7s ease forwards}.hero h1{animation-delay:0.1s}.hero-copy{animation-delay:0.25s}.hero-actions{animation-delay:0.4s}.eyebrow{margin:0 0 0.5rem;text-transform:uppercase;letter-spacing:0.2em;font-size:0.8rem;font-weight:700;color:var(--accent)}.hero h1,.page-header h1,.post-content h1{margin:0 0 0.75rem;font-size:clamp(2rem, 4vw, 3rem);line-height:1.2}.hero-copy,.page-header p,.post-content p,.post-card p,.page-content p{color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.75rem;margin-top:1.6rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:0.8rem 1.1rem;border-radius:999px;background:var(--accent);color:#fff;box-shadow:0 8px 18px rgba(37,99,235,0.16);transition:background 0.2s ease, transform 0.2s ease}.button:hover{background:#1d4ed8;transform:translateY(-1px);text-decoration:none}.button-secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}.button-secondary:hover{background:#f3f7ff;text-decoration:none}.content{padding:2rem 0 4rem;flex:1}.section-block{margin-bottom:2rem}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.post-list{display:grid;gap:1rem}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;box-shadow:var(--shadow);transition:transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease}.page-content,.post-content{background:transparent;border:0;box-shadow:none;padding:0}.post-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(31,41,55,0.1);border-color:#d8cdb7}.home .post-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(31,41,55,0.1);border-color:#d8cdb7}.post-card h3{margin:0.25rem 0 0.5rem;font-size:1.2rem}.post-meta{font-size:0.9rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.06em}.page-header{padding:3rem 0 1rem;background:linear-gradient(135deg, #f9f5eb 0%, #efe4d0 100%);border-bottom:1px solid var(--border)}.page-content{margin-top:1.5rem}.post-content{margin-top:1.5rem}.post-content h2,.post-content h3,.post-content h4{margin-top:1.5em}pre{overflow-x:auto;background:#111827;color:#f9fafb;padding:1rem;border-radius:12px}code{font-family:"SFMono-Regular", Consolas, monospace;font-size:0.95rem}.post-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem}.site-footer{padding:1rem 0 2rem;border-top:1px solid var(--border);background:#ffffff;color:var(--muted)}.footer-inner{display:flex;justify-content:center;align-items:center;gap:1rem}.footer-title{margin:0;font-weight:700;color:var(--text)}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:0.9rem}.footer-links a{display:inline-flex;align-items:center;justify-content:center;color:var(--text);padding:0.2rem 0.3rem}.footer-links a:hover{color:var(--accent);text-decoration:none}.footer-links svg{width:1rem;height:1rem;fill:currentColor}@media (max-width: 700px){.site-nav{flex-direction:column;align-items:flex-start;gap:0.75rem}.site-nav ul{flex-wrap:wrap}.hero{padding-top:4rem}.footer-inner{flex-direction:column;align-items:flex-start}}