:root{--color-white:#ffffff;--color-black:#000000;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-primary:#f59e0b;--color-primary-dark:#d97706;--color-primary-light:#fbbf24;--color-secondary:#16a34a;--color-secondary-dark:#15803d;--color-secondary-light:#22c55e;--color-accent:#f59e0b;--color-accent-dark:#d97706;--color-accent-light:#fbbf24;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-bg:var(--color-white);--color-bg-secondary:var(--color-gray-50);--color-text:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-muted:var(--color-gray-500);--color-border:var(--color-gray-200);--color-border-light:var(--color-gray-100);--color-focus:#3b82f6;--color-focus-ring:rgba(59, 130, 246, 0.5);--color-error:#ef4444;--color-success:#059669;--color-warning:#d97706;--font-family-base:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--font-family-mono:ui-monospace,SFMono-Regular,"Cascadia Code","Roboto Mono",Menlo,Monaco,Consolas,monospace;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-xs:clamp(0.75rem, 0.7rem + 0.2vw, 0.875rem);--font-size-sm:clamp(0.875rem, 0.8rem + 0.3vw, 1rem);--font-size-base:clamp(1rem, 0.9rem + 0.4vw, 1.125rem);--font-size-lg:clamp(1.125rem, 1rem + 0.5vw, 1.25rem);--font-size-xl:clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);--font-size-2xl:clamp(1.5rem, 1.3rem + 0.8vw, 2rem);--font-size-3xl:clamp(1.875rem, 1.6rem + 1vw, 2.5rem);--font-size-4xl:clamp(2.25rem, 2rem + 1.2vw, 3rem);--font-size-5xl:clamp(3rem, 2.5rem + 1.5vw, 4rem);--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.6;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--container-max-width:1200px;--container-padding:var(--space-6);--content-max-width:65ch;--border-radius-sm:0.375rem;--border-radius:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow:0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);--transition-fast:150ms ease-in-out;--transition-normal:200ms ease-in-out;--transition-slow:300ms ease-in-out;--z-dropdown:1000;--z-carousel:1100;--z-modal:1200;--z-toast:1300;--z-sticky:1020;--z-fixed:1030;--z-popover:1050;--z-tooltip:1060;--bg-gradient:linear-gradient(135deg, var(--color-bg) 0%, var(--color-bg-secondary) 100%);--bg-primary:var(--color-bg);--bg-secondary:var(--color-bg-secondary);--border-color:var(--color-border);--accent-color:var(--color-accent);--accent-hover:var(--color-accent-dark);--text-primary:var(--color-text);--text-secondary:var(--color-text-secondary);--focus-outline:2px solid var(--color-focus);--focus-outline-offset:2px;--focus-ring:0 0 0 var(--focus-outline-offset) var(--color-focus-ring);--min-touch-target:44px}[data-theme=dark]{--color-bg:var(--color-gray-900);--color-bg-secondary:var(--color-gray-800);--color-text:var(--color-gray-100);--color-text-secondary:var(--color-gray-400);--color-text-muted:var(--color-gray-500);--color-border:var(--color-gray-700);--color-border-light:var(--color-gray-600);--color-focus:#60a5fa;--color-focus-ring:rgba(96, 165, 250, 0.5)}*,::after,::before{box-sizing:border-box}html{line-height:var(--line-height-normal);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}body:not(.user-is-tabbing) button:focus,body:not(.user-is-tabbing) input:focus,body:not(.user-is-tabbing) select:focus,body:not(.user-is-tabbing) textarea:focus{outline:0}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-4);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin:0 0 var(--space-4);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:focus,a:hover{color:var(--color-accent-dark)}a:focus{outline:2px solid var(--color-accent);outline-offset:2px}.link-liquid{position:relative;display:inline-block}.link-liquid::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-light));transition:width var(--transition-normal) ease}.link-liquid:focus::after,.link-liquid:hover::after{width:100%}ol,ul{margin:0 0 var(--space-4);padding-left:var(--space-6)}li{margin-bottom:var(--space-2);color:var(--color-text-secondary)}code{font-family:var(--font-family-mono);font-size:.875em;background-color:var(--color-bg-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-sm);border:1px solid var(--color-border)}pre{background-color:var(--color-bg-secondary);padding:var(--space-4);border-radius:var(--border-radius);border:1px solid var(--color-border);overflow-x:auto;margin:var(--space-6) 0}pre code{background:0 0;border:none;padding:0}blockquote{margin:var(--space-8) 0;padding:var(--space-4) var(--space-6);border-left:4px solid var(--color-accent);background-color:var(--color-bg-secondary);font-style:italic}blockquote p{margin-bottom:0}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.container--narrow{max-width:var(--content-max-width)}.container--wide{max-width:1440px}.grid{display:grid;gap:var(--space-6)}.grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (min-width:768px){.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.header{position:sticky;top:0;z-index:var(--z-sticky);background-color:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border-light);transition:all var(--transition-normal)}[data-theme=dark] .header{background-color:rgba(17,24,39,.95)}.header__container{display:flex;align-items:center;justify-content:space-between;height:4rem;gap:var(--space-4)}.logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;transition:transform var(--transition-fast)}.logo:focus,.logo:hover{transform:scale(1.05)}.logo__image{height:40px;width:auto;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .1))}.logo__text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);display:none}@media (min-width:768px){.logo__text{display:block}}.nav{display:flex;align-items:center;gap:var(--space-6)}.nav__list{display:flex;list-style:none;margin:0;padding:0;gap:var(--space-6)}.nav__link{font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:color var(--transition-fast);position:relative}.nav__link--active,.nav__link:focus,.nav__link:hover{color:var(--color-text)}.nav__link--active::after{content:'';position:absolute;bottom:-.5rem;left:0;right:0;height:2px;background-color:var(--color-accent);border-radius:1px}.nav__actions{display:flex;align-items:center;gap:var(--space-3)}.mobile-menu-toggle{display:none;background:0 0;border:none;color:var(--color-text);cursor:pointer;padding:var(--space-2)}.mobile-menu-toggle svg{width:1.5rem;height:1.5rem}@media (max-width:768px){.nav{position:relative}.nav__list{display:none;position:absolute;top:100%;left:0;right:0;background-color:var(--color-bg);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);flex-direction:column;padding:var(--space-4);gap:var(--space-4);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown)}.nav__list.is-open{display:flex}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--border-radius);transition:background-color var(--transition-fast)}.mobile-menu-toggle:hover{background-color:var(--color-bg-secondary)}.mobile-menu-toggle:focus{outline:2px solid var(--color-accent);outline-offset:2px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;border:1px solid transparent;border-radius:var(--border-radius);cursor:pointer;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.btn:focus{outline:2px solid var(--color-accent);outline-offset:2px}.btn svg{width:1rem;height:1rem}.btn--primary{background-color:var(--color-accent);color:var(--color-white);border-color:var(--color-accent)}.btn--primary:focus,.btn--primary:hover{background-color:var(--color-accent-dark);border-color:var(--color-accent-dark);color:var(--color-white)}.btn--secondary{background-color:transparent;color:var(--color-text);border-color:var(--color-border)}.btn--secondary:focus,.btn--secondary:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}.btn--ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.btn--ghost:focus,.btn--ghost:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-weight-medium);color:var(--color-text)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:0;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-textarea{resize:vertical;min-height:120px}.form-error{margin-top:var(--space-2);color:#dc2626;font-size:var(--font-size-sm)}.form-help{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm)}.theme-toggle{background:0 0;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--border-radius);transition:color var(--transition-fast),background-color var(--transition-fast)}.theme-toggle:focus,.theme-toggle:hover{color:var(--color-text);background-color:var(--color-bg-secondary)}.theme-toggle svg{width:1.25rem;height:1.25rem}.search-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);min-width:200px}.search-trigger:focus,.search-trigger:hover{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.search-trigger svg{width:1rem;height:1rem}.search-shortcut{margin-left:auto;font-size:var(--font-size-xs);background-color:var(--color-border);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-sm)}.search-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:var(--z-modal);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.search-overlay.active{opacity:1;visibility:visible}.search-container{position:absolute;top:10vh;left:50%;transform:translateX(-50%);width:90%;max-width:600px;background-color:var(--color-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.search-header{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--space-3);width:1.25rem;height:1.25rem;color:var(--color-text-muted)}.search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 3rem;border:none;background:0 0;font-size:var(--font-size-lg);color:var(--color-text)}.search-input:focus{outline:0}.search-close{position:absolute;right:var(--space-3);background:0 0;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1)}.search-close svg{width:1.25rem;height:1.25rem}.search-content{max-height:60vh;overflow-y:auto;overflow-x:hidden}.search-results{padding:var(--space-4);max-height:50vh;overflow-y:auto;overflow-x:hidden}.search-results{padding:var(--space-4)}.search-result{padding:var(--space-4);border-radius:var(--border-radius);transition:background-color var(--transition-fast)}.search-result.active,.search-result:hover{background-color:var(--color-bg-secondary)}.search-result-link{display:block;color:inherit;text-decoration:none}.search-result-title{margin:0 0 var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.search-result-excerpt{margin:0 0 var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.search-result-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted)}.search-result-tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.search-result-tag{display:inline-block;padding:var(--space-1) var(--space-2);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);text-decoration:none}.search-result-tag:hover{background-color:var(--color-accent);color:var(--color-white)}.search-no-results{text-align:center;padding:var(--space-8);color:var(--color-text-muted)}.search-filters{display:flex;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.search-filter{flex:1;position:relative}.search-filter select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--space-2) center;background-size:1rem}.search-filter select:focus{outline:0;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.search-filter select:hover{border-color:var(--color-accent)}.search-results-count{padding:var(--space-3) var(--space-4);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-muted)}.search-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--color-text-muted)}.search-loading svg{width:1.5rem;height:1.5rem;animation:spin 1s linear infinite}.search-modal{position:relative;background-color:var(--color-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.search-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--color-text-muted);text-align:center}.search-placeholder svg{width:3rem;height:3rem;margin-bottom:var(--space-4);opacity:.5}.search-placeholder p{font-size:var(--font-size-lg);margin:0}.search-clear{position:absolute;right:var(--space-3);background:0 0;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.search-clear:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}.search-clear svg{width:1.25rem;height:1.25rem}.search-footer{padding:var(--space-4);border-top:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.search-shortcuts{display:flex;gap:var(--space-4);justify-content:center;font-size:var(--font-size-xs);color:var(--color-text-muted)}.search-shortcuts span{background-color:var(--color-bg);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-sm);border:1px solid var(--color-border);font-family:var(--font-family-mono)}.filter-category,.filter-date,.filter-tag{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--space-2) center;background-size:1rem}.filter-category:focus,.filter-date:focus,.filter-tag:focus{outline:0;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.filter-category:hover,.filter-date:hover,.filter-tag:hover{border-color:var(--color-accent)}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}mark{background-color:rgba(59,130,246,.2);color:var(--color-text);padding:0 var(--space-1);border-radius:var(--border-radius-sm)}.search-result-arrow{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:var(--color-text-muted);transition:color var(--transition-fast)}.search-result-arrow svg{width:1rem;height:1rem}.search-result:hover .search-result-arrow{color:var(--color-accent)}.search-result{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.search-result-content{flex:1;min-width:0}.post-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.post-card__image{aspect-ratio:16/9;overflow:hidden}.post-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.post-card:hover .post-card__image img{transform:scale(1.05)}.post-card__content{padding:var(--space-6)}.post-card__header{margin-bottom:var(--space-4)}.post-card__category{margin-bottom:var(--space-3)}.post-card__header{position:relative;padding:var(--space-4);margin:calc(-1 * var(--space-6)) calc(-1 * var(--space-6)) var(--space-4);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;text-align:center;color:var(--color-white);font-weight:var(--font-weight-medium)}.post-card__header--green{background:linear-gradient(135deg,#10b981,#059669)}.post-card__header--yellow{background:linear-gradient(135deg,#f59e0b,#d97706)}.post-card__header--purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.post-card__header--blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.post-card__header--red{background:linear-gradient(135deg,#ef4444,#dc2626)}.post-card__header--pink{background:linear-gradient(135deg,#ec4899,#db2777)}.post-card__header--indigo{background:linear-gradient(135deg,#6366f1,#4f46e5)}.post-card__header--gray{background:linear-gradient(135deg,#6b7280,#4b5563)}.post-card__header-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.category-link{display:inline-block;padding:var(--space-1) var(--space-3);background-color:var(--color-bg-secondary);color:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--border-radius-sm);text-decoration:none;transition:background-color var(--transition-fast)}.category-link:focus,.category-link:hover{background-color:var(--color-accent);color:var(--color-white)}.post-card__title{margin:0 0 var(--space-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.post-card__title a{color:var(--color-text);text-decoration:none}.post-card__title a:focus,.post-card__title a:hover{color:var(--color-accent)}.post-card__excerpt{margin:0 0 var(--space-4);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.post-card__meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.post-card__meta .author,.post-card__meta .reading-time,.post-card__meta time{display:flex;align-items:center;gap:var(--space-1)}.post-card__tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.tag{display:inline-block;padding:var(--space-1) var(--space-2);background-color:var(--color-bg-secondary);color:var(--color-text-muted);font-size:var(--font-size-xs);border-radius:var(--border-radius-sm);text-decoration:none;transition:all var(--transition-fast)}.tag:focus,.tag:hover{background-color:var(--color-accent);color:var(--color-white)}.tag-more{color:var(--color-text-muted);font-size:var(--font-size-xs)}.post-card--featured{border:2px solid var(--color-accent)}.post-card--minimal .post-card__content{padding:var(--space-4)}.post-card--minimal .post-card__excerpt{display:none}.posts-grid{display:grid;gap:var(--space-8);position:relative;z-index:1}.posts-grid--home{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (min-width:768px){.posts-grid--home{grid-template-columns:repeat(3,1fr)}}.hero{padding:var(--space-20) 0;background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-white) 100%);border-bottom:1px solid var(--color-border);overflow:hidden;position:relative;z-index:1}.hero__container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;max-width:var(--container-max-width);margin:0 auto}.hero__content{text-align:left}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-6);box-shadow:var(--shadow-md)}.hero__badge-icon{font-size:var(--font-size-base)}.hero__title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-6);color:var(--color-text)}.hero__title-highlight{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.hero__stats{display:flex;gap:var(--space-8);margin-bottom:var(--space-8)}.hero__stat{display:flex;flex-direction:column;align-items:flex-start}.hero__stat-number{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1}.hero__stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.hero__actions{display:flex;gap:var(--space-4);margin-bottom:var(--space-8)}.hero__trust{display:flex;flex-direction:column;gap:var(--space-3)}.hero__trust-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.hero__trust-badges{display:flex;gap:var(--space-3);flex-wrap:wrap}.hero__trust-badge{background:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.hero__visual{display:flex;justify-content:center;align-items:center}.hero__image-container{position:relative}.hero__image-placeholder{width:100%;max-width:400px;height:auto;border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.hero__image-placeholder svg{width:100%;height:auto;display:block}.avatar-image{width:100%;height:100%;object-fit:cover;object-position:center 30%;border-radius:var(--border-radius-lg);transition:opacity var(--transition-fast);background-color:var(--color-bg-secondary)}.avatar-image--dark{display:none}[data-theme=dark] .avatar-image--light{display:none}[data-theme=dark] .avatar-image--dark{display:block}.services{padding:var(--space-20) 0;background:var(--color-bg-secondary);position:relative;z-index:1}.services__header{text-align:center;margin-bottom:var(--space-16)}.services__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-4)}.services__subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.services__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8);margin-bottom:var(--space-16)}.service-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);padding:var(--space-8);position:relative;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.service-card--featured{border-color:var(--color-secondary);box-shadow:var(--shadow-md)}.service-card__badge{position:absolute;top:-12px;right:var(--space-6);background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-secondary-dark) 100%);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.service-card__icon{width:60px;height:60px;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6)}.service-card__icon svg{width:30px;height:30px;color:#fff}.service-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-4)}.service-card__description{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.service-card__features{list-style:none;padding:0;margin:0 0 var(--space-6) 0}.service-card__features li{padding:var(--space-2) 0;color:var(--color-text-secondary);position:relative;padding-left:var(--space-6)}.service-card__features li::before{content:"✓";position:absolute;left:0;color:var(--color-accent);font-weight:var(--font-weight-bold)}.service-card__price{text-align:center;padding-top:var(--space-6);border-top:1px solid var(--color-border)}.service-card__price-amount{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.service-card__price-period{color:var(--color-text-muted);font-size:var(--font-size-sm)}.services__cta{text-align:center}.featured-posts{padding:var(--space-16) 0}.featured-posts__title{text-align:center;margin-bottom:var(--space-12);font-size:var(--font-size-3xl)}.featured-posts__carousel{position:relative;overflow:hidden;border-radius:var(--border-radius-lg)}.featured-post{display:none;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:center;min-height:400px}.featured-post[data-index="0"]{display:grid}.featured-post__image{aspect-ratio:4/3;overflow:hidden;border-radius:var(--border-radius)}.featured-post__image img{width:100%;height:100%;object-fit:cover}.featured-post__content{padding:var(--space-6)}.featured-post__category{margin-bottom:var(--space-3)}.featured-post__title{margin:0 0 var(--space-4);font-size:var(--font-size-2xl)}.featured-post__title a{color:var(--color-text);text-decoration:none}.featured-post__excerpt{margin:0 0 var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.featured-post__meta{display:flex;gap:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm)}@media (max-width:768px){.featured-post{grid-template-columns:1fr;text-align:center}}.featured-posts__nav{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-8)}.carousel-btn{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.carousel-btn:focus,.carousel-btn:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.carousel-btn svg{width:1.25rem;height:1.25rem}.featured-posts__indicators{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-4)}.indicator{width:.75rem;height:.75rem;background-color:var(--color-border);border:none;border-radius:50%;cursor:pointer;transition:background-color var(--transition-fast)}.indicator.active,.indicator:hover{background-color:var(--color-accent)}.post-header{margin-bottom:var(--space-12);text-align:center}.post-category{margin-bottom:var(--space-4)}.post-title{margin:0 0 var(--space-6);font-size:var(--font-size-4xl);line-height:var(--line-height-tight)}.post-meta{margin-bottom:var(--space-8);color:var(--color-text-muted)}.post-meta-primary{display:flex;justify-content:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.post-meta-secondary{display:flex;justify-content:center;align-items:center;gap:var(--space-4);text-align:center;font-size:var(--font-size-xs)}.post-meta .icon{width:1rem;height:1rem;flex-shrink:0}.post-author,.post-category,.post-reading-time{display:flex;align-items:center;gap:var(--space-1)}.post-cover{margin-bottom:var(--space-8);border-radius:var(--border-radius-lg);overflow:hidden}.post-cover img{width:100%;height:auto;display:block}.post-body{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin-top:var(--space-12);margin-bottom:var(--space-6);color:var(--color-text)}.post-body h2{font-size:var(--font-size-2xl);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.post-body h3{font-size:var(--font-size-xl)}.post-body p{margin-bottom:var(--space-6)}.post-body img{max-width:100%;height:auto;border-radius:var(--border-radius);margin:var(--space-8) 0}.post-footer{margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.post-share{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-6)}.post-share-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.post-share-buttons{display:flex;gap:var(--space-2)}.share-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.share-button:focus,.share-button:hover{background-color:var(--color-accent);color:var(--color-white);transform:translateY(-1px)}.share-button svg{width:1.25rem;height:1.25rem}.post-updated{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.post-tags{margin-bottom:var(--space-8);display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.post-tag{display:inline-block;padding:var(--space-1) var(--space-3);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--border-radius);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.post-tag:focus,.post-tag:hover{background-color:var(--color-accent);color:var(--color-white);transform:translateY(-1px)}.post-tags__label{display:block;margin-bottom:var(--space-3);font-weight:var(--font-weight-medium);color:var(--color-text)}.post-tags__list{display:flex;gap:var(--space-2);flex-wrap:wrap}.post-actions{display:flex;justify-content:center}.table-of-contents{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-6);margin:var(--space-8) 0}.toc__title{margin:0 0 var(--space-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.toc__list{list-style:none;margin:0;padding:0}.toc__item{margin-bottom:var(--space-2)}.toc__item--level-3{padding-left:var(--space-4)}.toc__item--level-4{padding-left:var(--space-8)}.toc__link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.toc__link:focus,.toc__link:hover{color:var(--color-accent)}.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin:var(--space-16) 0}.post-nav-link,.post-nav__link{display:block;padding:var(--space-6);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);text-decoration:none;transition:all var(--transition-fast)}.post-nav-link:focus,.post-nav-link:hover,.post-nav__link:focus,.post-nav__link:hover{border-color:var(--color-accent);transform:translateY(-2px)}.post-nav-prev,.post-nav__prev{text-align:left}.post-nav-next,.post-nav__next{text-align:right}.post-nav-label,.post-nav__label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.post-nav-title,.post-nav__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text)}.post-nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.post-nav-content{display:flex;flex-direction:column}.post-nav-icon{width:1.5rem;height:1.5rem;color:var(--color-text-muted);transition:color var(--transition-fast)}.post-nav-link:hover .post-nav-icon{color:var(--color-accent)}.related-posts{margin-top:var(--space-20);padding-top:var(--space-12);border-top:1px solid var(--color-border)}.related-posts__title{text-align:center;margin-bottom:var(--space-12);font-size:var(--font-size-2xl)}.related-posts__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.related-post{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden;transition:all var(--transition-fast)}.related-post:focus-within,.related-post:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.related-post-link{display:block;text-decoration:none;color:inherit;height:100%}.related-post-image{position:relative;width:100%;height:200px;overflow:hidden;background-color:var(--color-bg-secondary)}.related-post-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-fast)}.related-post:hover .related-post-image img{transform:scale(1.05)}.related-post-content{padding:var(--space-6)}.related-post-title{margin-bottom:var(--space-3);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-post-excerpt{margin-bottom:var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.related-post-meta{color:var(--color-text-muted);font-size:var(--font-size-xs)}.pagination{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);margin:var(--space-16) 0}.pagination__info{color:var(--color-text-muted);font-size:var(--font-size-sm)}.pagination__list{display:flex;list-style:none;margin:0;padding:0;gap:var(--space-2)}.pagination__link{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 var(--space-3);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.pagination__link:focus,.pagination__link:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.pagination__link--current{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.pagination__link svg{width:1rem;height:1rem}.footer{margin-top:var(--space-20);padding:var(--space-16) 0 var(--space-8);background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.footer__container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8);margin-bottom:var(--space-12)}.footer__section h3{margin-bottom:var(--space-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.footer__links{list-style:none;margin:0;padding:0}.footer__links li{margin-bottom:var(--space-3)}.footer__links a{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer__links a:focus,.footer__links a:hover{color:var(--color-accent)}.social-links{display:flex;gap:var(--space-4)}.social-link{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast)}.social-link:focus,.social-link:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-white);transform:translateY(-2px)}.social-link svg{width:1.25rem;height:1.25rem}.footer__bottom{padding-top:var(--space-8);border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.mt-0{margin-top:0}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}.pt-8{padding-top:var(--space-8)}.pt-16{padding-top:var(--space-16)}.pb-8{padding-bottom:var(--space-8)}.pb-16{padding-bottom:var(--space-16)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.loading{position:relative;pointer-events:none}.loading::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.8);z-index:var(--z-modal)}[data-theme=dark] .loading::before{background-color:rgba(17,24,39,.8)}.loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.carousel{position:relative;overflow:hidden;border-radius:var(--border-radius-lg);background:var(--color-bg-secondary)}.carousel-slide{display:none;opacity:0;transition:opacity var(--transition-normal)}.carousel-slide.active{display:block;opacity:1}.carousel-controls{position:absolute;bottom:var(--space-4);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:var(--space-2);z-index:var(--z-carousel)}.carousel-btn{background:rgba(255,255,255,.9);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);backdrop-filter:blur(10px)}.carousel-btn:hover{background:#fff;transform:scale(1.1)}.carousel-btn svg{width:20px;height:20px;color:var(--color-text)}.carousel-indicators{display:flex;gap:var(--space-1)}.carousel-indicator{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);border:none;cursor:pointer;transition:all var(--transition-fast)}.carousel-indicator.active{background:var(--color-accent);transform:scale(1.2)}[data-theme=dark] .carousel-btn{background:rgba(0,0,0,.8);color:var(--color-white)}[data-theme=dark] .carousel-btn:hover{background:rgba(0,0,0,.9)}[data-theme=dark] .carousel-btn svg{color:var(--color-white)}[data-theme=dark] .carousel-indicator{background:rgba(255,255,255,.3)}[data-theme=dark] .carousel-indicator.active{background:var(--color-accent)}.message-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);max-width:400px}.message{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);border-radius:var(--border-radius);background:var(--color-bg);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);animation:slideInRight .3s ease-out}.message--success{border-left:4px solid #10b981;background:#f0fdf4}.message--error{border-left:4px solid #ef4444;background:#fef2f2}.message--warning{border-left:4px solid #f59e0b;background:#fffbeb}.message--info{border-left:4px solid var(--color-accent);background:#eff6ff}[data-theme=dark] .message--success{background:#064e3b;border-color:#10b981}[data-theme=dark] .message--error{background:#450a0a;border-color:#ef4444}[data-theme=dark] .message--warning{background:#451a03;border-color:#f59e0b}[data-theme=dark] .message--info{background:#1e3a8a;border-color:var(--color-accent)}.message-close{background:0 0;border:none;font-size:1.2rem;cursor:pointer;color:var(--color-text-muted);margin-left:var(--space-2)}.message-close:hover{color:var(--color-text)}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.error-404{text-align:center;padding:var(--space-16) var(--space-4)}.error-404 h1{font-size:var(--font-size-5xl);color:var(--color-text-muted);margin-bottom:var(--space-4)}.error-404 p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius);padding:var(--space-3);margin-bottom:var(--space-4);color:#dc2626}.error-message ul{margin:0;padding-left:var(--space-4)}.error-message li{margin-bottom:var(--space-1)}.demo-warning{position:fixed;bottom:var(--space-4);right:var(--space-4);max-width:300px;padding:var(--space-3);background-color:#fbbf24;color:#92400e;border-radius:var(--border-radius);font-size:var(--font-size-sm);z-index:var(--z-tooltip);box-shadow:var(--shadow-lg)}.demo-warning__content{display:flex;align-items:center;gap:var(--space-2)}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{transform:translateX(-100%)}to{transform:translateX(0)}}.animate-in{animation:fadeIn .6s ease-out}.error{background:#fef2f2;border:1px solid #fecaca;color:var(--color-error);padding:var(--space-4);border-radius:var(--border-radius);margin-bottom:var(--space-4)}.success{background:#f0fdf4;border:1px solid #bbf7d0;color:var(--color-success);padding:var(--space-4);border-radius:var(--border-radius);margin-bottom:var(--space-4)}.warning{background:#fffbeb;border:1px solid #fed7aa;color:var(--color-warning);padding:var(--space-4);border-radius:var(--border-radius);margin-bottom:var(--space-4)}@media (prefers-contrast:high){:root{--color-border:var(--color-black);--color-text:var(--color-black);--color-bg:var(--color-white)}[data-theme=dark]{--color-border:var(--color-white);--color-text:var(--color-white);--color-bg:var(--color-black)}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}.animate-in{animation:none}}.search-bar{position:relative;max-width:600px;margin:0 auto}.search-bar .search-input-wrapper{position:relative;display:flex;align-items:center}.search-bar .search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--color-text-muted);pointer-events:none;z-index:1}.search-bar .form-input{width:100%;padding:var(--space-4) var(--space-4) var(--space-4) 3rem;font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);color:var(--color-text);transition:all var(--transition-fast)}.search-bar .form-input:focus{outline:0;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.filters{margin-top:var(--space-6)}.filter-pill{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.filter-pill:focus,.filter-pill:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-white);transform:translateY(-1px)}.filter-pill--active{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-white);box-shadow:0 2px 4px rgba(59,130,246,.2)}.active-filters{margin-top:var(--space-4);padding:var(--space-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius)}.active-filter-tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background-color:var(--color-accent);color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm);margin:var(--space-1)}.active-filter-tag button{background:0 0;border:none;color:inherit;cursor:pointer;padding:0;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color var(--transition-fast)}.active-filter-tag button:hover{background-color:rgba(255,255,255,.2)}.active-filter-tag svg{width:.75rem;height:.75rem}.posts-grid{display:grid;gap:var(--space-8);margin-bottom:var(--space-16)}.posts-grid--blog{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.posts-single-column{display:flex;flex-direction:column;gap:var(--space-8);margin-bottom:var(--space-12)}.posts-single-column .post-card{width:100%;max-width:100%}@media (min-width:768px){.posts-grid--blog{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.posts-grid--blog{grid-template-columns:repeat(3,1fr)}}.blog-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);color:var(--color-text-muted)}.blog-loading svg{width:3rem;height:3rem;margin-bottom:var(--space-4);animation:spin 2s linear infinite}.blog-no-results{text-align:center;padding:var(--space-16);color:var(--color-text-muted)}.blog-no-results svg{width:4rem;height:4rem;margin:0 auto var(--space-6);opacity:.5}.connection-status{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--border-radius-md);font-size:.875rem;font-weight:500}.connection-status svg{width:16px;height:16px}.status-connected{background:var(--color-secondary-light);color:var(--color-secondary)}.status-error{background:var(--color-primary-light);color:var(--color-primary)}.status-offline{background:var(--color-accent-light);color:var(--color-accent)}.status-connecting{background:var(--color-focus);color:var(--color-white)}.status-local{background:var(--color-gray-100);color:var(--color-gray-700)}.status-unknown{background:var(--color-gray-100);color:var(--color-gray-700)}.blog-pagination{display:flex;flex-direction:column;gap:var(--space-8);margin:var(--space-16) 0;padding:var(--space-8) 0;border-top:1px solid var(--color-border)}.blog-pagination__controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.posts-per-page-controls{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.posts-per-page-select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.posts-per-page-select:focus,.posts-per-page-select:hover{border-color:var(--color-accent);outline:0}.blog-pagination__info{color:var(--color-text-muted);font-size:var(--font-size-sm)}.blog-pagination__list{display:flex;list-style:none;margin:0;padding:0;gap:var(--space-2)}.blog-pagination__link{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 var(--space-3);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.blog-pagination__link:focus,.blog-pagination__link:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-white);transform:translateY(-1px)}.blog-pagination__link--current{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-white);box-shadow:0 2px 4px rgba(59,130,246,.2)}.blog-pagination__link svg{width:1rem;height:1rem}.blog-header{text-align:center;padding:var(--space-16) 0 var(--space-12);margin-bottom:var(--space-8)}.blog-header h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-4);color:var(--color-text)}.blog-header p{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:var(--line-height-relaxed)}@media (max-width:480px){:root{--container-padding:var(--space-4)}.hero{padding:var(--space-16) 0 var(--space-12)}.hero__actions{flex-direction:column;align-items:center}.post-navigation{grid-template-columns:1fr}.search-container{top:5vh;width:95%}.filter-pill{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.posts-grid--blog{grid-template-columns:1fr}}@media (max-width:768px){.hero__container{grid-template-columns:1fr;gap:var(--space-8);text-align:center}.hero__content{text-align:center}.hero__title{font-size:var(--font-size-3xl)}.hero__stats{justify-content:center;gap:var(--space-6)}.hero__actions{justify-content:center;flex-direction:column;align-items:center}.hero__trust-badges{justify-content:center}.featured-posts__carousel{padding:var(--space-6)}.pagination__list{flex-wrap:wrap;justify-content:center}.blog-pagination{flex-direction:column;gap:var(--space-6)}.blog-pagination__controls{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.blog-pagination__list{flex-wrap:wrap;justify-content:center}}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.result-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-6);text-align:center;transition:all .3s ease}.result-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.result-card__number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-2)}.result-card__label{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--space-3)}.result-card__description{color:var(--color-text-secondary);line-height:1.6}.strategy-tabs{display:flex;gap:var(--space-4);margin-bottom:var(--space-8);border-bottom:2px solid var(--color-border)}.strategy-tab{padding:var(--space-4) var(--space-6);background:0 0;border:none;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;text-align:left}.strategy-tab:hover{background:var(--color-bg-secondary)}.strategy-tab.active{border-bottom-color:var(--color-primary);background:var(--color-bg-secondary)}.strategy-tab h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-1)}.strategy-tab p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.strategy-content{position:relative;min-height:300px}.strategy-panel{display:none;animation:fadeIn .3s ease-in}.strategy-panel.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.strategy-info{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-8)}.strategy-info h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-4)}.strategy-info p{color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.6}.strategy-info ul{list-style:none;padding:0}.strategy-info li{padding:var(--space-2) 0;color:var(--color-text);position:relative;padding-left:var(--space-6)}.strategy-info li::before{content:"✓";position:absolute;left:0;color:var(--color-secondary);font-weight:var(--font-weight-bold)}.section--alt{background:var(--color-bg-secondary)}.section--cta{background:var(--color-bg-secondary);color:var(--color-text);text-align:center;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.section--cta .section__subtitle,.section--cta .section__title{color:var(--color-text)}.cta{max-width:800px;margin:0 auto;padding:var(--space-8) 0}.cta__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-6);line-height:1.2}.cta__description{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-8);line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.cta__actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.cta__actions .btn{min-width:180px}@media (max-width:768px){.cta__title{font-size:var(--font-size-2xl)}.cta__actions{flex-direction:column;align-items:center}.cta__actions .btn{min-width:200px}}.grid--3-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);margin-top:var(--space-8)}.card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-8);transition:all .3s ease;height:100%}.card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.card__icon{width:60px;height:60px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);color:#fff}.card__icon svg{width:30px;height:30px}.card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-4)}.card__description{color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.6}.card__features{list-style:none;padding:0;margin:0}.card__features li{padding:var(--space-2) 0;color:var(--color-text);position:relative;padding-left:var(--space-6)}.card__features li::before{content:"✓";position:absolute;left:0;color:var(--color-secondary);font-weight:var(--font-weight-bold)}@media (max-width:768px){.strategy-tabs{flex-direction:column;gap:var(--space-2)}.strategy-tab{text-align:center;border-bottom:none;border-left:3px solid transparent}.strategy-tab.active{border-bottom-color:transparent;border-left-color:var(--color-primary)}.results-grid{grid-template-columns:1fr;gap:var(--space-4)}}.risk-limitations{margin-top:var(--space-12);padding:var(--space-8);background:var(--color-bg-secondary);border-radius:var(--border-radius-xl);border:1px solid var(--color-border)}.risk-limitations h3{text-align:center;margin-bottom:var(--space-8);color:var(--color-text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.limitations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);max-width:1000px;margin:0 auto}.limitation-item{background:var(--color-white);padding:var(--space-6);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);transition:all .3s ease}.limitation-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:var(--color-primary)}.limitation-item h4{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.limitation-item p{color:var(--color-text-secondary);line-height:1.6;margin:0}.limitations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8);max-width:1000px;margin:0 auto}.limitation-item{min-height:200px;display:flex;flex-direction:column;justify-content:flex-start}.limitation-item h4{margin-bottom:var(--space-4);flex-shrink:0}.limitation-item p{flex:1;display:flex;align-items:flex-start}.grid--2-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-8);margin-top:var(--space-8)}@media (max-width:768px){.limitations-grid{grid-template-columns:1fr;gap:var(--space-4);max-width:100%}.limitation-item{min-height:auto}.grid--2-cols{grid-template-columns:1fr;gap:var(--space-6)}.risk-limitations{padding:var(--space-6);margin-top:var(--space-8)}}.posts-section{position:relative;z-index:1;margin-top:var(--space-8)}.hidden{display:none!important}.blog-pagination[data-posts="0"]{display:none!important}.blog-pagination[data-posts="0"]~*{display:none!important}#featured-posts,#recent-posts{position:relative;z-index:1}.hero+.services+.posts-section{order:1}
.post-social-interactions{margin:1.5rem 0;padding:1rem 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.post-reactions{display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.reaction-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border:1px solid #d1d5db;border-radius:0.375rem;background:white;color:#374151;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.2s ease}.reaction-btn:hover{background:#f3f4f6;border-color:#f59e0b;transform:translateY(-1px)}.reaction-btn--active{background:#f59e0b;color:white;border-color:#f59e0b}.reaction-btn--like.reaction-btn--active{background:#10b981;border-color:#10b981}.reaction-btn--dislike.reaction-btn--active{background:#ef4444;border-color:#ef4444}.reaction-btn svg{width:16px;height:16px;flex-shrink:0}.reaction-count{font-weight:600;min-width:20px;text-align:center;color:inherit;font-size:0.875rem;margin-left:0.25rem;display:inline-block}.post-share{margin-top:1rem}.share-buttons{display:flex;gap:0.75rem;flex-wrap:wrap;align-items:center}.share-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border:1px solid #d1d5db;border-radius:0.375rem;background:white;color:#374151;text-decoration:none;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.2s ease}.share-btn:hover{background:#f3f4f6;border-color:#f59e0b;transform:translateY(-1px)}.share-btn svg{width:16px;height:16px;flex-shrink:0}.share-count{font-weight:600;min-width:20px;text-align:center;margin-left:0.25rem}.share-btn--twitter{color:#000000;border-color:#000000}.share-btn--twitter:hover{background:#000000;color:white}.share-btn--linkedin{color:#0077b5;border-color:#0077b5}.share-btn--linkedin:hover{background:#0077b5;color:white}.share-btn--instagram{color:#e4405f;border-color:#e4405f}.share-btn--instagram:hover{background:#e4405f;color:white}.share-btn--copy{color:#6b7280}.share-btn--copy:hover{background:#f59e0b;color:white;border-color:#f59e0b}@media (max-width:640px){.post-reactions{flex-direction:column;gap:0.5rem}.share-buttons{flex-direction:column;align-items:stretch}.share-btn,.reaction-btn{justify-content:center;padding:0.75rem 1rem}}.services{padding:4rem 0;background:#f9fafb}.services__header{text-align:center;margin-bottom:3rem}.services__title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:1rem}.services__subtitle{font-size:1.125rem;color:#4b5563;max-width:600px;margin:0 auto}.services__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.service-card{background:#fff;border-radius:0.75rem;padding:2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);border:1px solid #e5e7eb;display:flex;flex-direction:column;position:relative;transition:all 0.3s ease}.service-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -3px rgba(0,0,0,0.1)}.service-card--featured{border:2px solid #f59e0b;position:relative}.service-card--featured::before{content:"Más Popular";position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#f59e0b;color:#fff;padding:0.5rem 1rem;border-radius:9999px;font-size:0.875rem;font-weight:600}.service-card__icon{width:60px;height:60px;background:#f59e0b;border-radius:0.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff}.service-card__icon svg{width:28px;height:28px}.service-card__title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:1rem}.service-card__description{color:#4b5563;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.service-card__features{list-style:none;padding:0;margin:0 0 1.5rem 0;flex-grow:1}.service-card__features li{display:flex;align-items:center;margin-bottom:0.75rem;color:#4b5563;font-size:0.875rem}.service-card__features li::before{content:"✓";color:#f59e0b;font-weight:bold;margin-right:0.75rem;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:#f59e0b;color:#fff;border-radius:50%;font-size:10px}.service-card__price{margin-top:auto;padding-top:1rem;border-top:1px solid #f3f4f6}.service-card__price-amount{display:block;width:100%;background:#f59e0b;color:#fff;text-align:center;padding:0.75rem 1rem;border-radius:0.5rem;font-weight:600;text-decoration:none;transition:all 0.3s ease;cursor:pointer;border:none;font-size:1rem}.service-card__price-amount:hover{background:#d97706;transform:translateY(-1px)}.services__cta{text-align:center}.services__cta .btn{font-size:1.125rem;padding:1rem 2rem}@media (max-width:768px){.services__grid{grid-template-columns:1fr;gap:1.5rem}.service-card{padding:1.5rem}.services__title{font-size:1.5rem}}[data-theme=dark] .service-card{background:#1f2937;border-color:#374151;color:#f9fafb}[data-theme=dark] .service-card:hover{box-shadow:0 10px 25px -3px rgba(0,0,0,0.3);border-color:#d4af37}[data-theme=dark] .service-card__title{color:#f9fafb}[data-theme=dark] .service-card__description{color:#d1d5db}[data-theme=dark] .service-card__features li{color:#d1d5db}[data-theme=dark] .service-card__price-amount{background:#d4af37;color:#ffffff;border:1px solid #d4af37}[data-theme=dark] .service-card__price-amount:hover{background:#b8941f;border-color:#b8941f}[data-theme=dark] .service-card--featured{border-color:#d4af37;background:#1f2937}[data-theme=dark] .service-card--featured::before{background:#d4af37;color:#ffffff}.card{background:#fff;border:1px solid #e5e7eb;border-radius:0.75rem;padding:2rem;transition:all 0.3s ease;height:100%;display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,0.1);border-color:#f59e0b}.card__icon{width:60px;height:60px;background:#f59e0b;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff}.card__icon svg{width:30px;height:30px}.card__title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:1rem}.card__description{color:#4b5563;line-height:1.6;flex-grow:1}.card__description p{margin-bottom:1rem}.card__description p:last-child{margin-bottom:0}.card__description strong{color:#111827;font-weight:700}.risk-limitations{margin-top:3rem;padding:2rem;background:#f9fafb;border-radius:1rem;border:1px solid #e5e7eb}.risk-limitations h3{text-align:center;margin-bottom:2rem;color:#111827;font-size:1.5rem;font-weight:600}.limitations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1000px;margin:0 auto}.limitation-item{background:#fff;padding:1.5rem;border-radius:0.75rem;border:1px solid #e5e7eb;transition:all 0.3s ease;min-height:200px;display:flex;flex-direction:column;justify-content:flex-start}.limitation-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);border-color:#f59e0b}.limitation-item h4{color:#f59e0b;font-size:1.125rem;font-weight:600;margin-bottom:1rem;flex-shrink:0}.limitation-item p{color:#4b5563;line-height:1.6;margin:0;flex:1;display:flex;align-items:flex-start}[data-theme=dark] .card{background:#1f2937;border-color:#374151;color:#f9fafb}[data-theme=dark] .card:hover{box-shadow:0 8px 25px rgba(0,0,0,0.3);border-color:#d4af37}[data-theme=dark] .card__title{color:#f9fafb}[data-theme=dark] .card__description{color:#d1d5db}[data-theme=dark] .card__description strong{color:#f9fafb}[data-theme=dark] .risk-limitations{background:#111827;border-color:#374151}[data-theme=dark] .risk-limitations h3{color:#f9fafb}[data-theme=dark] .limitation-item{background:#1f2937;border-color:#374151}[data-theme=dark] .limitation-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.3);border-color:#d4af37}[data-theme=dark] .limitation-item h4{color:#d4af37}[data-theme=dark] .limitation-item p{color:#d1d5db}@media (max-width:768px){.limitations-grid{grid-template-columns:1fr;gap:1rem;max-width:100%}.limitation-item{min-height:auto}.grid--2-cols{grid-template-columns:1fr;gap:1.5rem}.risk-limitations{padding:1.5rem;margin-top:2rem}}