.public-navbar{position:sticky;top:0;z-index:1000;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.public-navbar-container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-xl);display:flex;align-items:center;justify-content:space-between}.public-navbar-brand{display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none;color:var(--text-primary);font-weight:var(--font-weight-bold);font-size:var(--text-h5);transition:opacity .2s ease}.public-navbar-brand:hover{opacity:.8}.public-navbar-logo{width:32px;height:32px}.public-navbar-title{font-weight:var(--font-weight-bold);color:var(--text-primary)}.public-navbar-links{display:flex;align-items:center;gap:var(--spacing-xl)}.public-navbar-link{color:var(--text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color .2s ease;font-size:var(--text-base)}.public-navbar-link:hover{color:var(--accent-primary)}.public-navbar-cta{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--accent-primary);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);transition:all .2s ease;font-size:var(--text-base)}.public-navbar-cta:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.public-navbar-cart{position:relative;color:var(--text-secondary);text-decoration:none;transition:color .2s ease,transform .2s ease;display:flex;align-items:center;animation:cart-fade-in .3s ease}.public-navbar-cart:hover{color:var(--accent-primary);transform:translateY(-1px)}.cart-icon{font-size:1.25rem}.cart-badge{position:absolute;top:-8px;right:-10px;background-color:var(--accent-primary);color:#fff;font-size:.7rem;font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;line-height:1.2;box-shadow:var(--shadow-sm)}@keyframes cart-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:767.98px){.public-navbar-container{padding:var(--spacing-md) var(--spacing-lg)}.public-navbar-links{gap:var(--spacing-sm)}.public-navbar-link{font-size:.85rem;padding:var(--spacing-xs)}.public-navbar-cta{padding:var(--spacing-xs) var(--spacing-md);font-size:.85rem}.public-navbar-title{display:none}}@media(max-width:575.98px){.public-navbar-container{padding:var(--spacing-sm) var(--spacing-md)}.public-navbar-logo{width:28px;height:28px}.public-navbar-links{gap:var(--spacing-xs)}.public-navbar-link{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-xs)}.public-navbar-cta{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}}.public-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:auto}.public-footer-container{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl)}.public-footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.public-footer-brand{display:flex;align-items:center;gap:var(--spacing-md)}.public-footer-logo{width:28px;height:28px}.public-footer-title{font-weight:var(--font-weight-bold);color:var(--text-primary);font-size:var(--text-h6)}.public-footer-actions{display:flex;align-items:center;gap:var(--spacing-xl)}.public-footer-links{display:flex;gap:var(--spacing-xl)}.public-footer-link{color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);transition:color .2s ease}.public-footer-link:hover{color:var(--accent-primary)}.public-footer-theme-toggle{background-color:var(--bg-form);border:1px solid var(--border-light);color:var(--text-primary);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.public-footer-theme-toggle:hover{background-color:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.public-footer-copyright{text-align:center;color:var(--text-muted);font-size:var(--text-sm);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}@media(max-width:767.98px){.public-footer-container{padding:var(--spacing-xl) var(--spacing-lg)}.public-footer-content{flex-direction:column;gap:var(--spacing-lg);text-align:center;margin-bottom:var(--spacing-md)}.public-footer-actions{flex-direction:column;gap:var(--spacing-lg)}.public-footer-links{flex-direction:column;gap:var(--spacing-md)}.public-footer-copyright{padding-top:var(--spacing-md)}}@media(max-width:575.98px){.public-footer-container{padding:var(--spacing-lg) var(--spacing-md)}.public-footer-logo{width:24px;height:24px}.public-footer-title{font-size:.95rem}.public-footer-link{font-size:.85rem}.public-footer-copyright{font-size:.8rem}}.blog-list-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary)}.blog-hero{padding:var(--spacing-2xl) var(--spacing-xl);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:1px solid var(--border-light);text-align:center}.blog-hero-container{max-width:800px;margin:0 auto}.blog-hero-title{font-size:var(--text-h1);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md)}.blog-hero-subtitle{font-size:var(--text-h5);color:var(--text-secondary)}.blog-posts-section{padding:var(--spacing-2xl) var(--spacing-xl);background-color:var(--bg-primary)}.blog-posts-container{max-width:1200px;margin:0 auto}.blog-tags-filter{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);justify-content:center}.blog-tag-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease}.blog-tag-button:hover{background-color:var(--bg-form);border-color:var(--accent-primary);color:var(--text-primary)}.blog-tag-button.active{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.blog-posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}.blog-post-card{background-color:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all .3s ease;display:flex;flex-direction:column}.blog-post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.blog-post-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;flex:1}.blog-post-content{padding:var(--spacing-xl);display:flex;flex-direction:column;flex:1}.blog-post-title{font-size:var(--text-h4);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:var(--line-height-tight)}.blog-post-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:var(--text-sm);color:var(--text-muted)}.blog-post-excerpt{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg)}.blog-post-read-more{font-size:var(--text-sm);color:var(--accent-primary);font-weight:var(--font-weight-semibold);margin-top:auto}.blog-empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-muted);font-size:var(--text-h5)}@media(max-width:991.98px){.blog-posts-grid{grid-template-columns:1fr}}@media(max-width:767.98px){.blog-hero{padding:var(--spacing-xl) var(--spacing-lg)}.blog-hero-title{font-size:2rem}.blog-hero-subtitle{font-size:1.125rem}.blog-posts-section{padding:var(--spacing-xl) var(--spacing-lg)}.blog-posts-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.blog-post-content{padding:var(--spacing-lg)}.blog-post-title{font-size:var(--text-h5)}}@media(max-width:575.98px){.blog-hero{padding:var(--spacing-lg) var(--spacing-md)}.blog-hero-title{font-size:1.75rem}.blog-hero-subtitle{font-size:1rem}.blog-posts-section{padding:var(--spacing-lg) var(--spacing-md)}.blog-post-content{padding:var(--spacing-md)}.blog-post-title{font-size:1.25rem}.blog-post-excerpt{font-size:var(--text-sm)}}.markdown-content{font-size:var(--text-base);line-height:var(--line-height-relaxed);color:var(--text-primary)}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:var(--text-primary);font-weight:var(--font-weight-bold);margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md);line-height:var(--line-height-tight)}.markdown-content h1{font-size:var(--text-h2)}.markdown-content h2{font-size:var(--text-h3)}.markdown-content h3{font-size:var(--text-h4)}.markdown-content h4{font-size:var(--text-h5)}.markdown-content p{margin-bottom:var(--spacing-lg);color:var(--text-secondary)}.markdown-content a{color:var(--link-color);text-decoration:underline;transition:color .3s ease}.markdown-content a:hover{color:var(--link-hover-color)}.markdown-content ul,.markdown-content ol{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-2xl);color:var(--text-secondary)}.markdown-content li{margin-bottom:var(--spacing-sm)}.markdown-content blockquote{border-left:4px solid var(--accent-primary);padding-left:var(--spacing-lg);margin:var(--spacing-xl) 0;color:var(--text-secondary);font-style:italic;background-color:var(--bg-form);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm)}.markdown-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-xl) 0;box-shadow:var(--shadow-md)}.markdown-content .inline-code{background-color:var(--bg-form);color:var(--accent-primary);padding:.2em .4em;border-radius:var(--radius-sm);font-family:Monaco,Courier New,monospace;font-size:.9em}.markdown-content pre{background-color:var(--bg-form);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-lg);overflow-x:auto;margin:var(--spacing-xl) 0}.markdown-content .code-block{font-family:Monaco,Courier New,monospace;font-size:var(--text-sm);line-height:var(--line-height-relaxed);color:var(--text-primary)}.markdown-content table{width:100%;border-collapse:collapse;margin:var(--spacing-xl) 0;font-size:var(--text-sm)}.markdown-content th,.markdown-content td{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-light);text-align:left}.markdown-content th{background-color:var(--bg-secondary);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.markdown-content td{color:var(--text-secondary)}.markdown-content hr{border:none;border-top:1px solid var(--border-light);margin:var(--spacing-2xl) 0}@media(max-width:767.98px){.markdown-content{font-size:var(--text-sm)}.markdown-content h1{font-size:var(--text-h3)}.markdown-content h2{font-size:var(--text-h4)}.markdown-content h3{font-size:var(--text-h5)}}.blog-post-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary)}.blog-post-container{max-width:800px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl);flex:1}.blog-breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);font-size:var(--text-sm)}.blog-breadcrumb-link{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.blog-breadcrumb-link:hover{color:var(--accent-primary)}.blog-breadcrumb-separator{color:var(--text-muted)}.blog-breadcrumb-current{color:var(--text-primary);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-post-header{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-light)}.blog-post-title{font-size:var(--text-h1);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-lg);line-height:var(--line-height-tight)}.blog-post-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);font-size:var(--text-base);color:var(--text-muted)}.blog-post-date{font-weight:var(--font-weight-medium)}.blog-post-separator{color:var(--text-muted)}.blog-post-author{font-weight:var(--font-weight-medium)}.blog-post-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.blog-post-tag{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--bg-secondary);color:var(--accent-primary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:all .3s ease;border:1px solid var(--border-light)}.blog-post-tag:hover{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.blog-post-content-wrapper{margin-bottom:var(--spacing-2xl)}.blog-post-footer{padding-top:var(--spacing-xl);border-top:1px solid var(--border-light)}.blog-back-link{display:inline-flex;align-items:center;color:var(--accent-primary);text-decoration:none;font-weight:var(--font-weight-semibold);font-size:var(--text-base);transition:all .3s ease}.blog-back-link:hover{transform:translate(-4px)}@media(max-width:767.98px){.blog-post-container{padding:var(--spacing-xl) var(--spacing-lg)}.blog-breadcrumb{font-size:var(--text-xs);margin-bottom:var(--spacing-lg)}.blog-post-title{font-size:var(--text-h2)}.blog-post-meta{font-size:var(--text-sm)}}@media(max-width:575.98px){.blog-post-container{padding:var(--spacing-lg) var(--spacing-md)}.blog-breadcrumb{flex-wrap:wrap}.blog-post-title{font-size:var(--text-h3)}.blog-post-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}}