:root,[data-theme=light]{--color-primary:#f65a5a;--color-primary-light:#ff9f9f;--color-primary-strong:#b02e2e;--color-accent:#ff9f9f;--color-heading:#f65a5a;--color-dark:#2d2d2d;--color-cream:#f7f3ea;--color-blush:#fdd8d8;--color-bg:#fdf9f6;--color-surface:#fff;--color-text:#2d2d2d;--color-text-light:#2d2d2d99;--color-border:#fdd8d899;--header-bg:#fdf9f6d9;--footer-card-bg:#fdf9f6;--footer-card-text:#2d2d2d;--radius:16px;--max-width:720px}[data-theme=dark]{--color-primary:#f65a5a;--color-primary-light:#ff9f9f;--color-primary-strong:#ff9f9f;--color-accent:#ff9f9f;--color-heading:#ff9f9f;--color-dark:#f3f4f6;--color-cream:#1f2937;--color-blush:#fdd8d826;--color-bg:#111827;--color-surface:#1f2937;--color-text:#f3f4f6;--color-text-light:#9ca3af;--color-border:#374151;--header-bg:#111827d9;--footer-card-bg:#1f2937;--footer-card-text:#f3f4f6}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:Nunito,system-ui,sans-serif;line-height:1.7;transition:background .3s,color .3s}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-light)}.site-header{border-bottom:1px solid var(--color-border);z-index:100;backdrop-filter:blur(12px);background:var(--header-bg);padding:.75rem 0;transition:background .3s;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1100px;margin:0 auto;padding:0 1.5rem;display:flex}.header-left{align-items:center;gap:.75rem;display:flex}.logo-link{align-items:center;gap:.5rem;transition:transform .2s;display:flex}.logo-link:hover{transform:scale(1.02)}.logo-icon{object-fit:contain;width:32px;height:32px}.logo-wordmark{object-fit:contain;width:auto;height:22px}.logo-tag{background:var(--color-blush);color:var(--color-primary);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;margin-left:.15rem;padding:.15rem .65rem;font-size:.7rem;font-weight:800}.header-nav{align-items:center;gap:.75rem;display:flex}.nav-link{color:var(--color-text-light);font-size:.85rem;font-weight:700;transition:color .2s}.nav-link:hover{color:var(--color-primary)}.nav-btn-outline{color:var(--color-text);border:1.5px solid var(--color-border);background:var(--color-surface);border-radius:999px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.82rem;font-weight:700;transition:border-color .2s,color .2s,transform .15s;display:inline-flex}.nav-btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.nav-btn-outline svg{width:16px;height:16px}.header-cta{background:var(--color-primary);border-radius:50px;padding:.45rem 1.1rem;font-size:.82rem;font-weight:700;transition:transform .2s,box-shadow .2s;color:#fff!important}.header-cta:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f65a5a4d}.theme-toggle{border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;transition:border-color .2s,transform .2s;display:flex}.theme-toggle:hover{border-color:var(--color-primary);transform:scale(1.1)}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:inline}[data-theme=dark] .theme-toggle .icon-moon{display:none}main{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}.site-footer{background:var(--color-primary);padding:1rem 1rem 0;overflow:hidden}.footer-card{background:var(--footer-card-bg);max-width:1100px;color:var(--footer-card-text);border-radius:2.5rem;margin:0 auto;padding:2.5rem 2rem;transition:background .3s}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.footer-brand p{color:var(--color-text-light);margin-top:.75rem;font-size:.85rem;line-height:1.6}.footer-col h4{text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);margin-bottom:1rem;font-size:.75rem;font-weight:800}.footer-col ul{list-style:none}.footer-col li{margin-bottom:.6rem}.footer-col a{color:var(--color-text-light);font-size:.85rem;font-weight:600}.footer-col a:hover{color:var(--color-primary)}.footer-col .soon{color:var(--color-text-light);opacity:.55;font-size:.85rem;font-weight:600}.footer-bottom{border-top:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-light);flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding-top:1.25rem;font-size:.7rem;font-weight:700;display:flex}.footer-mark{opacity:.9;width:auto;height:96px;margin:1.5rem auto 0;display:block}.article-content h2{color:var(--color-heading);margin:2.5rem 0 1rem;font-size:1.6rem;font-weight:800;line-height:1.3}.article-content h3{color:var(--color-heading);margin:2rem 0 .75rem;font-size:1.3rem;font-weight:700}.article-content p{color:var(--color-text);margin-bottom:1.25rem;font-size:1.05rem}.article-content ul,.article-content ol{margin:1rem 0 1.5rem 1.5rem}.article-content li{color:var(--color-text);margin-bottom:.5rem}.article-content strong{color:var(--color-dark)}.article-content blockquote{border-left:4px solid var(--color-primary);border-radius:0 var(--radius)var(--radius)0;color:var(--color-text-light);background:#f65a5a0d;margin:1.5rem 0;padding:1rem 1.25rem;font-style:italic}[data-theme=dark] .article-content blockquote{background:#ff707014}.article-content img{border-radius:var(--radius);max-width:100%;margin:1.5rem 0}.article-content code{background:#f65a5a14;border-radius:4px;padding:.15rem .4rem;font-size:.9em}[data-theme=dark] .article-content code{background:#ff70701f}.article-content hr{border:none;border-top:1px solid var(--color-border);margin:2rem 0}.article-content a{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline 1px}.article-content a:hover{text-decoration-thickness:2px}.article-content .internal-link{font-weight:700}@media (width<=720px){.nav-text-link,.theme-toggle,.header-cta{display:none}.logo-text{font-size:.95rem}.nav-btn-outline{padding:.4rem .75rem;font-size:.78rem}.header-nav{gap:.5rem}}