:root{--color-background:#fff;--color-surface:#fff;--color-surface-hover:#f9fafb;--color-text-primary:#111827;--color-text-secondary:#374151;--color-text-muted:#6b7280;--color-text-outlined:#9ca3af;--color-text-inverse:#fff;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-outline:#d1d5db;--color-accent:#f3f4f6;--color-accent-light:#f9fafb;--blog-card-shadow-hover:rgba(0,0,0,.25);--blog-card-focus-outline:#219ed8;--blog-pagination-text:#6b7280;--blog-pagination-text-active:#219ed8;--blog-pagination-bg-active:rgba(33,158,216,.1);--blog-pagination-border-active:#219ed8;--blog-pagination-dots:#9ca3af;--blog-pagination-loading-border:#219ed8;--newsletter-gradient-start:#219ed8;--newsletter-gradient-end:#292f3b;--blog-scrollbar-track:#f1f5f9;--blog-scrollbar-thumb:#219ed8;--blog-scrollbar-thumb-hover:#1e40af;--blog-print-border:#e5e7eb;--blog-card-dark-bg:#1f2937;--blog-card-dark-border:#374151}.dark{--color-background:#111827;--color-surface:#1f2937;--color-surface-hover:#374151;--color-text-primary:#f9fafb;--color-text-secondary:#e5e7eb;--color-text-muted:#9ca3af;--color-text-outlined:#6b7280;--color-text-inverse:#fff;--color-border:#374151;--color-border-light:#4b5563;--color-outline:#6b7280;--color-accent:#111827;--color-accent-light:#0f172a;--blog-card-shadow-hover:rgba(0,0,0,.5);--blog-pagination-text:#9ca3af;--blog-pagination-dots:#6b7280;--blog-scrollbar-track:#1f2937;--blog-scrollbar-thumb:#4b5563;--blog-scrollbar-thumb-hover:#6b7280;--blog-print-border:#374151}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}@keyframes floatUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.blog-hero-animate{animation:floatUp .8s ease-out forwards}.blog-hero-animate:first-child{animation-delay:.1s}.blog-hero-animate:nth-child(2){animation-delay:.2s}.blog-hero-animate:nth-child(3){animation-delay:.3s}.blog-card{transition:all .4s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow}.blog-card:hover{box-shadow:0 25px 50px -12px var(--blog-card-shadow-hover);transform:translateY(-8px) scale(1.02)}.blog-image-container{overflow:hidden;position:relative}.blog-image{transition:transform .6s cubic-bezier(.4,0,.2,1)}.blog-card:hover .blog-image{transform:scale(1.1)}.category-badge{backdrop-filter:blur(10px);transition:all .3s ease}.category-badge:hover{box-shadow:0 8px 25px var(--blog-pagination-bg-active);transform:translateY(-2px)}.blog-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center}.blog-pagination a,.blog-pagination span{align-items:center;border:1px solid transparent;border-radius:.375rem;display:flex;font-size:.875rem;font-weight:500;height:2.5rem;justify-content:center;min-width:2.5rem;padding:.5rem .75rem;position:relative;text-decoration:none;transition:all .2s ease}.blog-pagination a{background:transparent;border-color:transparent;color:var(--blog-pagination-text)}.blog-pagination a:hover{background:var(--blog-pagination-bg-active);border-color:var(--blog-pagination-border-active);color:var(--blog-pagination-text-active);transform:translateY(-1px)}.blog-pagination a:active{transform:translateY(0)}.blog-pagination .current{background:var(--blog-pagination-bg-active);border-color:var(--blog-pagination-border-active);color:var(--blog-pagination-text-active);font-weight:700}.blog-pagination .next,.blog-pagination .prev{background:transparent;border-color:transparent;font-weight:500}.blog-pagination .next:hover,.blog-pagination .prev:hover{background:var(--blog-pagination-bg-active);border-color:var(--blog-pagination-border-active);color:var(--blog-pagination-text-active)}.blog-pagination .dots{color:var(--blog-pagination-dots);cursor:default;pointer-events:none}.blog-pagination-container{background:transparent;margin-top:4rem;padding:1rem}.blog-pagination.blog-loading{opacity:.7;pointer-events:none}.blog-pagination.blog-loading:after{animation:spin 1s linear infinite;border:2px solid var(--blog-pagination-loading-border);border-radius:50%;border-top:2px solid transparent;content:"";height:1.5rem;left:50%;margin:-.75rem 0 0 -.75rem;position:absolute;top:50%;width:1.5rem}@media (max-width:640px){.blog-pagination{gap:.125rem}.blog-pagination a,.blog-pagination span{font-size:.8125rem;height:2rem;min-width:2rem;padding:.375rem .5rem}.blog-pagination .next,.blog-pagination .prev{padding:.375rem .75rem}.blog-pagination-container{margin-top:2rem;padding:.5rem}}.pagination-info{color:var(--blog-pagination-text);font-size:.875rem;margin-top:1rem;text-align:center}.pagination-info strong{color:var(--blog-pagination-text-active);font-weight:600}.newsletter-section{background:linear-gradient(135deg,var(--newsletter-gradient-start) 0,var(--newsletter-gradient-end) 100%);overflow:hidden;position:relative}.newsletter-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.blog-loading{opacity:.6;pointer-events:none}.blog-loading:after{animation:spin 1s linear infinite;border:2px solid var(--blog-pagination-loading-border);border-radius:50%;border-top:2px solid transparent;content:"";height:2rem;left:50%;margin:-1rem 0 0 -1rem;position:absolute;top:50%;width:2rem}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.blog-card:hover{transform:translateY(-4px) scale(1.01)}.blog-pagination{flex-wrap:wrap;justify-content:center}.blog-pagination a,.blog-pagination span{font-size:.875rem;height:2rem;min-width:2rem}}@media (prefers-color-scheme:dark){.blog-card{background:var(--blog-card-dark-bg);border-color:var(--blog-card-dark-border)}}.blog-card:focus-within{outline:2px solid var(--blog-card-focus-outline);outline-offset:2px}.blog-card a:focus{border-radius:.5rem;outline:2px solid var(--blog-card-focus-outline);outline-offset:2px}@media print{.blog-card{-moz-column-break-inside:avoid;border:1px solid var(--blog-print-border);box-shadow:none;break-inside:avoid}.blog-card:hover{transform:none}.newsletter-section{display:none}}.blog-content::-webkit-scrollbar{width:6px}.blog-content::-webkit-scrollbar-track{background:var(--blog-scrollbar-track);border-radius:3px}.blog-content::-webkit-scrollbar-thumb{background:var(--blog-scrollbar-thumb);border-radius:3px}.blog-content::-webkit-scrollbar-thumb:hover{background:var(--blog-scrollbar-thumb-hover)}html{scroll-behavior:smooth}.blog-card{contain:layout style paint}.blog-image{will-change:transform}.blog-fade-in{opacity:0;transform:translateY(30px);transition:all .6s ease-out}.blog-fade-in.visible{opacity:1;transform:translateY(0)}.blog-grid-item:first-child{animation-delay:.1s}.blog-grid-item:nth-child(2){animation-delay:.2s}.blog-grid-item:nth-child(3){animation-delay:.3s}.blog-grid-item:nth-child(4){animation-delay:.4s}.blog-grid-item:nth-child(5){animation-delay:.5s}.blog-grid-item:nth-child(6){animation-delay:.6s}