:root{--brand-indigo: #4338ca;--brand-indigo-light: #4f46e5;--brand-orange: #f97316;--brand-orange-dark: #ea580c;--ink: #1e1b4b;--body: #374151;--muted: #6b7280;--surface: #ffffff;--surface-alt: #f5f6fb;--border: #e5e7eb;--max-width: 46rem}*{box-sizing:border-box}html{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--body);background:var(--surface-alt);line-height:1.6}body{margin:0;display:flex;flex-direction:column;min-height:100vh}main{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:2rem 1.25rem 4rem}a{color:var(--brand-indigo-light)}.site-header{background:linear-gradient(135deg,var(--brand-indigo) 0%,var(--brand-indigo-light) 60%,var(--brand-orange) 140%);color:#fff}.header-inner{max-width:var(--max-width);margin:0 auto;padding:.9rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:.6rem;color:#fff;text-decoration:none;font-weight:700;font-size:1.15rem}.brand img{display:block;border-radius:8px}.blog-tag{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;background:#fff3;padding:.15rem .5rem;border-radius:999px}.site-nav{display:flex;align-items:center;gap:1.1rem}.site-nav a{color:#ffffffe6;text-decoration:none;font-weight:500}.site-nav a:hover{color:#fff}.site-nav .nav-cta{background:var(--brand-orange);color:#fff;padding:.45rem .95rem;border-radius:8px;font-weight:600}.site-nav .nav-cta:hover{background:var(--brand-orange-dark)}.page-hero{padding:1.5rem 0 2rem;border-bottom:1px solid var(--border);margin-bottom:2rem}.page-hero h1{color:var(--ink);font-size:1.9rem;line-height:1.25;margin:0 0 .6rem}.page-hero p{color:var(--muted);font-size:1.05rem;margin:0}.post-list{display:flex;flex-direction:column;gap:1.25rem}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.4rem 1.6rem}.post-card-link{text-decoration:none}.post-card-link h2{color:var(--ink);font-size:1.3rem;line-height:1.3;margin:0}.post-card-link:hover h2{color:var(--brand-indigo-light)}.post-card-meta{color:var(--muted);font-size:.85rem;margin:.5rem 0 0}.post-card-description{margin:.6rem 0 0}.tag-list{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:.8rem 0 0}.tag-list li{font-size:.75rem;font-weight:600;color:var(--brand-indigo);background:#eef0fb;border-radius:999px;padding:.15rem .65rem}.post-header{margin-bottom:1.75rem}.post-header h1{color:var(--ink);font-size:2.1rem;line-height:1.25;margin:0 0 .6rem}.post-meta{color:var(--muted);font-size:.9rem}.prose{font-size:1.06rem}.prose h2{color:var(--ink);font-size:1.45rem;margin:2.2rem 0 .6rem}.prose h3{color:var(--ink);font-size:1.2rem;margin:1.8rem 0 .4rem}.prose p,.prose ul,.prose ol{margin:0 0 1.1rem}.prose li{margin-bottom:.35rem}.prose strong{color:var(--ink)}.prose blockquote{margin:1.5rem 0;padding:.25rem 0 .25rem 1.1rem;border-left:4px solid var(--brand-orange);color:var(--muted);font-style:italic}.prose code{background:#eef0fb;border-radius:4px;padding:.1rem .35rem;font-size:.9em}.cta-box{margin-top:3rem;padding:1.8rem;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--brand-indigo) 0%,var(--brand-indigo-light) 45%,var(--brand-orange) 130%)}.cta-box h2{margin:0 0 .5rem;font-size:1.35rem}.cta-box p{margin:0 0 1.1rem;color:#ffffffeb}.cta-button{display:inline-block;background:var(--brand-orange);color:#fff;font-weight:700;text-decoration:none;padding:.7rem 1.4rem;border-radius:10px}.cta-button:hover{background:var(--brand-orange-dark)}.site-footer{border-top:1px solid var(--border);background:var(--surface)}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:1.4rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.footer-inner p{margin:0}.footer-nav{display:flex;gap:1rem}.footer-nav a{color:var(--muted);text-decoration:none}.footer-nav a:hover{color:var(--brand-indigo-light)}@media(max-width:560px){.page-hero h1{font-size:1.55rem}.post-header h1{font-size:1.7rem}}