:root{--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-indigo: #6366f1;--color-indigo-hover: #4f46e5;--color-indigo-glow: rgba(99, 102, 241, .15);--color-emerald: #10b981;--color-emerald-hover: #059669;--color-emerald-glow: rgba(16, 185, 129, .15);--color-gold: #f59e0b;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2.5rem;--spacing-xxl: 4rem;--max-width-content: 1280px;--max-width-text: 720px;--color-bg-primary: #f8fafc;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f1f5f9;--color-text-primary: #0f172a;--color-text-secondary: #334155;--color-text-muted: #64748b;--color-border: #e2e8f0;--color-border-glow: rgba(99, 102, 241, .08);--color-card-bg: #ffffff;--color-card-hover-bg: #f8fafc;--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .05);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .05), 0 2px 4px -1px rgba(15, 23, 42, .02);--shadow-lg: 0 10px 25px -3px rgba(15, 23, 42, .05), 0 4px 12px -2px rgba(15, 23, 42, .03);--shadow-glow: 0 0 20px rgba(99, 102, 241, .04);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(15, 23, 42, .06);--glass-blur: blur(12px);--tag-bg-indigo: rgba(99, 102, 241, .08);--tag-text-indigo: #4f46e5;--tag-bg-emerald: rgba(16, 185, 129, .08);--tag-text-emerald: #059669}[data-theme=dark]{--color-bg-primary: #090d16;--color-bg-secondary: #111827;--color-bg-tertiary: #1f2937;--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-border: #1f2937;--color-border-glow: rgba(99, 102, 241, .2);--color-card-bg: rgba(17, 24, 39, .7);--color-card-hover-bg: rgba(31, 41, 55, .8);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(99, 102, 241, .15);--glass-bg: rgba(15, 23, 42, .65);--glass-border: rgba(255, 255, 255, .06);--glass-blur: blur(12px);--tag-bg-indigo: rgba(99, 102, 241, .15);--tag-text-indigo: #a5b4fc;--tag-bg-emerald: rgba(16, 185, 129, .15);--tag-text-emerald: #6ee7b7}@media (min-width: 1440px){:root{--max-width-content: 1440px}}@media (min-width: 1920px){:root{--max-width-content: 1600px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.25;color:var(--color-text-primary);letter-spacing:-.02em}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;outline:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex-grow:1;padding:var(--spacing-xl) 0;width:100%;max-width:var(--max-width-content);margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.container-with-sidebar{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}@media (min-width: 1024px){.container-with-sidebar{grid-template-columns:8fr 3.5fr}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-full);border:2px solid var(--color-bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.text-gradient-indigo-emerald{background:linear-gradient(135deg,var(--color-indigo) 0%,var(--color-emerald) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-emerald-indigo{background:linear-gradient(135deg,var(--color-emerald) 0%,var(--color-indigo) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes glowEffect{0%{box-shadow:0 0 5px #6366f133}50%{box-shadow:0 0 20px #6366f166}to{box-shadow:0 0 5px #6366f133}}.animate-fade-in{animation:fadeIn var(--transition-slow) forwards}.animate-scale-up{animation:scaleUp var(--transition-normal) forwards}.header-wrapper{position:sticky;top:0;z-index:100;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--color-border);box-shadow:0 4px 20px #0f172a0a;transition:background var(--transition-normal),border var(--transition-normal),box-shadow var(--transition-normal)}.header-container{max-width:var(--max-width-content);margin:0 auto;padding:var(--spacing-md);display:flex;align-items:center;justify-content:space-between}.logo-link{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-heading);font-weight:800;font-size:1.5rem;letter-spacing:-.03em}.logo-icon{color:var(--color-indigo);display:flex;align-items:center}.nav-menu{display:none;gap:var(--spacing-lg)}@media (min-width: 1024px){.nav-menu{display:flex;align-items:center}}.nav-item{font-size:.95rem;font-weight:500;color:var(--color-text-secondary);padding:var(--spacing-xs) 0;position:relative}.nav-item:hover,.nav-item.active{color:var(--color-text-primary)}.nav-item.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-indigo),var(--color-emerald));border-radius:var(--radius-full)}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.search-container{position:relative;display:none}@media (min-width: 640px){.search-container{display:block}}.search-input{background:var(--color-bg-tertiary);border:1px solid var(--color-border);padding:.5rem 1rem .5rem 2.25rem;font-size:.85rem;border-radius:var(--radius-full);color:var(--color-text-primary);width:180px;transition:width var(--transition-normal),border var(--transition-normal)}.search-input:focus{width:240px;border-color:var(--color-indigo);box-shadow:0 0 10px var(--color-indigo-glow)}.search-icon{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-primary);cursor:pointer;border:1px solid var(--color-border);transition:background var(--transition-fast),transform var(--transition-fast)}.theme-toggle-btn:hover{background:var(--color-border);transform:scale(1.05)}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-bg-tertiary);cursor:pointer;border:1px solid var(--color-border)}@media (min-width: 1024px){.mobile-menu-btn{display:none}}.mobile-nav-overlay{position:fixed;top:73px;left:0;width:100%;height:calc(100vh - 73px);background:var(--color-bg-primary);z-index:99;padding:var(--spacing-xl) var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-lg);border-top:1px solid var(--color-border);transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform var(--transition-normal),opacity var(--transition-normal)}.mobile-nav-overlay.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-nav-item{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm)}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--color-text-primary);padding-left:var(--spacing-xs)}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-wrapper{background:linear-gradient(-45deg,#fff,#eff6ff,#f0fdf4,#fff);background-size:400% 400%;animation:gradientShift 15s ease infinite;padding:var(--spacing-xxl) 0;text-align:center;border-bottom:1px solid var(--color-border);position:relative;overflow:hidden}[data-theme=dark] .hero-wrapper{background:linear-gradient(-45deg,#090d16,#0c1a25,#081b1d,#090d16);background-size:400% 400%;animation:gradientShift 15s ease infinite}.hero-tagline{font-size:.9rem;font-weight:600;color:var(--color-indigo);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-sm)}.hero-title{font-size:2.5rem;margin-bottom:var(--spacing-md);font-weight:800}@media (min-width: 768px){.hero-title{font-size:3.75rem}}.hero-description{max-width:600px;margin:0 auto var(--spacing-lg) auto;color:var(--color-text-secondary);font-size:1.1rem}.hero-search{max-width:500px;margin:0 auto;position:relative}.hero-search-input{width:100%;background:var(--color-card-bg);border:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 3rem;border-radius:var(--radius-full);font-size:1rem;box-shadow:var(--shadow-md);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.hero-search-input:focus{border-color:var(--color-indigo);box-shadow:0 0 25px var(--color-indigo-glow)}.hero-search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.section-title-bar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm)}.section-title{font-size:1.5rem;position:relative}.section-title:after{content:"";position:absolute;bottom:-9px;left:0;width:50px;height:3px;background:var(--color-indigo);border-radius:var(--radius-full)}.featured-card{display:grid;grid-template-columns:1fr;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-xl);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);position:relative;cursor:pointer;text-decoration:none}@media (min-width: 768px){.featured-card{grid-template-columns:1.45fr 1fr}}.featured-card:hover{transform:translateY(-6px);border-color:var(--color-indigo);box-shadow:0 12px 40px var(--color-indigo-glow),var(--shadow-lg)}.featured-img-container{position:relative;min-height:320px;overflow:hidden;background:linear-gradient(135deg,#1f2937,#111827);display:flex;align-items:center;justify-content:center}.card-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.post-card:hover .card-img,.featured-card:hover .card-img{transform:scale(1.05)}.featured-img-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:var(--color-text-muted)}.featured-badge-overlay{position:absolute;top:var(--spacing-md);left:var(--spacing-md);z-index:2;background:var(--color-indigo);color:#fff;padding:.35rem .85rem;font-size:.75rem;font-weight:700;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--spacing-xs)}.featured-badge-overlay.pick{background:linear-gradient(135deg,var(--color-indigo) 0%,var(--color-emerald) 100%);animation:glowEffect 3s infinite}.featured-info{padding:var(--spacing-xl);display:flex;flex-direction:column;justify-content:center}.featured-meta{display:flex;gap:var(--spacing-md);font-size:.8rem;color:var(--color-text-muted);margin-bottom:var(--spacing-sm);align-items:center}.featured-tag{color:var(--color-indigo);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.featured-title{font-size:2rem;margin-bottom:var(--spacing-md);font-weight:800;line-height:1.2}@media (min-width: 1024px){.featured-title{font-size:2.6rem}}.featured-excerpt{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);font-size:.98rem}.featured-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.author-info{display:flex;align-items:center;gap:var(--spacing-sm)}.author-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-indigo);color:#fff;font-weight:700;font-size:.8rem;display:flex;align-items:center;justify-content:center}.read-more-link{font-weight:600;color:var(--color-indigo);display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9rem}.read-more-link:hover{color:var(--color-indigo-hover)}.posts-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media (min-width: 640px){.posts-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.posts-grid{grid-template-columns:repeat(3,1fr)}}.post-card{display:flex;flex-direction:column;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);cursor:pointer;text-decoration:none}.post-card:hover{transform:translateY(-4px);border-color:var(--color-border-glow);box-shadow:var(--shadow-lg)}.hover-clickable-card:hover{transform:translateY(-4px);border-color:var(--color-indigo)!important;box-shadow:0 12px 40px var(--color-indigo-glow),var(--shadow-lg)!important}.card-img-container{position:relative;height:180px;overflow:hidden;background:linear-gradient(135deg,#1f2937,#111827);display:flex;align-items:center;justify-content:center}.card-badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);z-index:2;background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary);padding:.25rem .5rem;font-size:.7rem;font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase}.card-badge.rating{border-color:var(--color-emerald);color:var(--color-emerald);background:var(--tag-bg-emerald)}.card-content{padding:var(--spacing-md);display:flex;flex-direction:column;flex-grow:1}.card-meta{display:flex;gap:var(--spacing-sm);font-size:.75rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.card-tag{color:var(--color-indigo);font-weight:600;text-transform:uppercase}.card-title{font-size:1.3rem;margin-bottom:var(--spacing-sm);font-weight:800;line-height:1.35}.tag-reviews{color:var(--tag-text-emerald)!important;background:var(--tag-bg-emerald)!important;border:1px solid rgba(16,185,129,.2)}.tag-comparisons{color:var(--tag-text-indigo)!important;background:var(--tag-bg-indigo)!important;border:1px solid rgba(99,102,241,.2)}.tag-top-10-lists{color:#b45309!important;background:#f59e0b14!important;border:1px solid rgba(245,158,11,.15)}[data-theme=dark] .tag-top-10-lists{color:#f59e0b!important;background:#f59e0b26!important}.tag-tutorials{color:#0891b2!important;background:#06b6d414!important;border:1px solid rgba(6,182,212,.15)}[data-theme=dark] .tag-tutorials{color:#22d3ee!important;background:#06b6d426!important}.card-excerpt{font-size:.88rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-md);flex-grow:1}.card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--color-border);padding-top:var(--spacing-sm);font-size:.8rem}.sidebar-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xl)}.sidebar-widget{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.widget-title{font-size:1.1rem;margin-bottom:var(--spacing-md);border-left:3px solid var(--color-indigo);padding-left:var(--spacing-sm)}.recent-posts-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.recent-post-item{display:flex;gap:var(--spacing-sm);align-items:center;transition:transform var(--transition-fast)}.recent-post-item:hover{transform:translate(4px)}.recent-post-item:hover .recent-post-title{color:var(--color-indigo)}.recent-post-thumb{width:60px;height:60px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-indigo-glow) 0%,var(--color-emerald-glow) 100%);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);flex-shrink:0}.recent-post-info{display:flex;flex-direction:column}.recent-post-title{font-size:.9rem;font-weight:600;line-height:1.3;margin-bottom:var(--spacing-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recent-post-date{font-size:.75rem;color:var(--color-text-muted)}.category-cloud{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.category-tag{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:.35rem .75rem;font-size:.8rem;font-weight:500;border-radius:var(--radius-full)}.category-tag:hover,.category-tag.active{background:var(--tag-bg-indigo);color:var(--tag-text-indigo);border-color:var(--color-indigo)}.top-rated-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.top-rated-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border);transition:transform var(--transition-fast)}.top-rated-item:hover{transform:translate(4px)}.top-rated-item:hover .top-rated-name{color:var(--color-emerald)}.top-rated-item:last-child{border-bottom:none}.top-rated-name{font-weight:600;font-size:.9rem}.top-rated-badge{background:var(--tag-bg-emerald);color:var(--tag-text-emerald);border:1px solid var(--color-emerald);font-weight:700;font-size:.8rem;padding:.1rem .4rem;border-radius:var(--radius-sm)}.verdict-card{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-xl) 0;box-shadow:var(--shadow-md)}.verdict-header{display:flex;flex-direction:column;gap:var(--spacing-md);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media (min-width: 640px){.verdict-header{flex-direction:row;justify-content:space-between;align-items:center}}.verdict-score-wrapper{display:flex;align-items:center;gap:var(--spacing-md)}.verdict-score-circle{width:80px;height:80px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-indigo) 0%,var(--color-emerald) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:2.2rem;font-weight:800;box-shadow:var(--shadow-lg)}.verdict-title-text{font-size:1.4rem;font-weight:800}.verdict-rating-desc{font-size:.9rem;color:var(--color-text-secondary)}.verdict-bars{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.bar-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.bar-label-row{display:flex;justify-content:space-between;font-size:.88rem;font-weight:600}.bar-bg{height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--color-indigo),var(--color-emerald));border-radius:var(--radius-full);transition:width var(--transition-slow)}.pros-cons-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width: 768px){.pros-cons-grid{grid-template-columns:1fr 1fr}}.pros-box,.cons-box{padding:var(--spacing-md);border-radius:var(--radius-md)}.pros-box{background:#10b9810d;border:1px solid rgba(16,185,129,.15)}.cons-box{background:#ef44440d;border:1px solid rgba(239,68,68,.15)}.box-title{font-size:1.05rem;font-weight:700;margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-xs)}.pros-title{color:var(--color-emerald)}.cons-title{color:#f87171}.bullet-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.bullet-item{display:flex;gap:var(--spacing-sm);font-size:.9rem;line-height:1.4}.bullet-icon-pros{color:var(--color-emerald);flex-shrink:0}.bullet-icon-cons{color:#f87171;flex-shrink:0}.comparison-selectors{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}@media (min-width: 640px){.comparison-selectors{grid-template-columns:repeat(3,1fr)}}.selector-box{display:flex;flex-direction:column;gap:var(--spacing-xs)}.selector-label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary)}.selector-dropdown{background:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;width:100%}.comparison-wrapper{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:var(--color-bg-secondary)}.comp-table{width:100%;border-collapse:collapse;text-align:left;min-width:600px}.comp-th,.comp-td{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);vertical-align:top}.comp-th{background:var(--color-bg-tertiary);font-family:var(--font-heading);font-weight:700;font-size:1rem}.comp-tr-header th{font-size:1.15rem;text-align:center}.comp-tr-header th:first-child{text-align:left}.comp-td-label{font-weight:700;background:var(--color-bg-tertiary);width:25%}.comp-td-val{text-align:center;width:37.5%}.comp-highlight-green{color:var(--color-emerald);font-weight:600}.newsletter-card{background:linear-gradient(135deg,#6366f10d,#10b9810d);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;margin:var(--spacing-xl) 0;position:relative;overflow:hidden}.newsletter-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-indigo),var(--color-emerald))}.newsletter-title{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.newsletter-desc{color:var(--color-text-secondary);font-size:.95rem;max-width:500px;margin:0 auto var(--spacing-lg) auto}.newsletter-form{display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:450px;margin:0 auto}@media (min-width: 640px){.newsletter-form{flex-direction:row}}.newsletter-input{flex-grow:1;background:var(--color-bg-secondary);border:1px solid var(--color-border);padding:.75rem var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.95rem}.newsletter-input:focus{border-color:var(--color-indigo);box-shadow:0 0 10px var(--color-indigo-glow)}.primary-btn{background:linear-gradient(135deg,var(--color-indigo) 0%,var(--color-emerald) 100%);color:#fff;font-weight:600;padding:.75rem var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--color-indigo-glow)}.article-header{margin-bottom:var(--spacing-xl)}.article-category-badge{display:inline-block;background:var(--tag-bg-indigo);color:var(--tag-text-indigo);padding:.35rem .85rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md)}.article-title-main{font-size:2.2rem;margin-bottom:var(--spacing-md)}@media (min-width: 768px){.article-title-main{font-size:3rem}}.article-meta-row{display:flex;flex-wrap:wrap;gap:var(--spacing-md);font-size:.88rem;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-md);align-items:center}.article-hero-media{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%);height:350px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--color-border);color:var(--color-text-muted)}.prose{font-size:1.05rem;line-height:1.75;color:var(--color-text-secondary)}.prose p{margin-bottom:var(--spacing-lg)}.prose h2{font-size:1.6rem;color:var(--color-text-primary);margin:var(--spacing-xl) 0 var(--spacing-md) 0}.prose h3{font-size:1.25rem;color:var(--color-text-primary);margin:var(--spacing-lg) 0 var(--spacing-sm) 0}.prose strong{color:var(--color-text-primary);font-weight:600}.prose blockquote{border-left:4px solid var(--color-indigo);padding-left:var(--spacing-md);color:var(--color-text-primary);font-style:italic;margin:var(--spacing-lg) 0;background:var(--color-bg-tertiary);padding:var(--spacing-md) var(--spacing-lg);border-radius:0 var(--radius-md) var(--radius-md) 0}.prose ul{list-style-type:disc;padding-left:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.prose ol{list-style-type:decimal;padding-left:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.prose li{margin-bottom:var(--spacing-xs)}.prose pre{background:#1e293b;color:#f8fafc;padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--spacing-lg);font-family:monospace;font-size:.9rem}.prose code{font-family:monospace;background:var(--color-bg-tertiary);padding:.15rem .35rem;border-radius:var(--radius-sm);font-size:.9em;color:var(--color-indigo)}.prose pre code{background:none;padding:0;font-size:inherit;color:inherit}.footer-wrapper{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--spacing-xxl) 0 var(--spacing-lg) 0;margin-top:var(--spacing-xxl)}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}@media (min-width: 768px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.footer-grid{grid-template-columns:2fr 1fr 1.2fr}}.footer-brand{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-tagline{color:var(--color-text-secondary);font-size:.95rem;max-width:320px}.footer-socials{display:flex;gap:var(--spacing-md);color:var(--color-text-secondary);font-size:1.25rem}.footer-social-link:hover{color:var(--color-indigo)}.footer-nav{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-nav-title{font-family:var(--font-heading);font-weight:700;font-size:1rem}.footer-nav-list{display:flex;flex-direction:column;gap:var(--spacing-sm);font-size:.9rem;color:var(--color-text-secondary)}.footer-nav-link:hover{color:var(--color-indigo)}.footer-bottom{border-top:1px solid var(--color-border);padding-top:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center;font-size:.8rem;color:var(--color-text-muted)}@media (min-width: 768px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-bottom-links{display:flex;gap:var(--spacing-md)}.filter-panel{display:flex;flex-wrap:wrap;gap:var(--spacing-md);background:var(--color-card-bg);border:1px solid var(--color-border);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);align-items:center}.filter-group{display:flex;align-items:center;gap:var(--spacing-xs)}.filter-label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary)}.filter-select{background:var(--color-bg-tertiary);border:1px solid var(--color-border);padding:.35rem .75rem;border-radius:var(--radius-sm);font-size:.85rem;color:var(--color-text-primary);cursor:pointer}.filter-search-box{flex-grow:1;position:relative}.filter-search-input{width:100%;background:var(--color-bg-tertiary);border:1px solid var(--color-border);padding:.45rem 1rem .45rem 2.25rem;font-size:.88rem;border-radius:var(--radius-sm);color:var(--color-text-primary)}.filter-search-input:focus{border-color:var(--color-indigo)}.posts-sidebar-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}@media (min-width: 768px){.posts-sidebar-grid{grid-template-columns:repeat(2,1fr)}}.article-layout-container{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);width:100%}.article-toc-column,.article-sidebar-column{display:none}.collapsible-toc-wrapper{display:block}@media (min-width: 768px) and (max-width: 1023px){.article-layout-container{grid-template-columns:1fr 280px}.article-sidebar-column{display:block}}@media (min-width: 1024px){.article-layout-container{grid-template-columns:200px 1fr 280px}.article-toc-column,.article-sidebar-column{display:block}.collapsible-toc-wrapper{display:none}}.sticky-toc-container{position:sticky;top:90px;max-height:calc(100vh - 140px);overflow-y:auto;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.toc-title{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-xs);font-family:var(--font-heading)}.toc-list{display:flex;flex-direction:column;gap:6px;list-style:none;padding:0;margin:0}.toc-item{border-left:2px solid transparent;transition:all var(--transition-fast);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.toc-link{display:block;padding:.35rem .5rem;font-size:.82rem;line-height:1.35;color:var(--color-text-secondary);transition:all var(--transition-fast);text-align:left}.toc-item:hover{background:var(--color-bg-tertiary);border-left-color:var(--color-border)}.toc-item:hover .toc-link{color:var(--color-text-primary);transform:translate(2px)}.toc-item.active{background:var(--tag-bg-indigo);border-left-color:var(--color-indigo);font-weight:700}.toc-item.active .toc-link{color:var(--color-indigo)}.toc-item-h3{margin-left:.75rem;border-left:none}.toc-item-h3 .toc-link{font-size:.78rem;color:var(--color-text-muted);padding-left:.75rem;position:relative}.toc-item-h3 .toc-link:before{content:"—";position:absolute;left:0;color:var(--color-border)}.toc-item-h3:hover .toc-link{color:var(--color-text-secondary)}.toc-item-h3.active .toc-link{color:var(--color-indigo)}