.blog-search-form{display:flex;gap:var(--spacing-2);max-width:600px;margin:var(--spacing-8) auto 0;width:100%}.blog-search-input{flex:1;padding:var(--spacing-3) var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);color:var(--color-text);font-size:var(--font-size-base);font-family:var(--font-family-base);transition:all var(--transition-base);outline:none}.blog-search-input:focus{border-color:var(--color-text-muted)}.blog-search-input::placeholder{color:var(--color-text-tertiary)}.blog-search-button{padding:var(--spacing-3) var(--spacing-6);background:var(--gradient-button-primary);border:none;border-radius:var(--border-radius-lg);color:var(--color-white);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.blog-search-button:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--color-primary-rgb),.4)}.blog-search-button:active{transform:translateY(0)}@media(max-width:768px){.blog-search-form{flex-direction:column;margin-top:var(--spacing-6)}.blog-search-button{width:100%}}.blog-header{position:relative;padding:var(--spacing-24) var(--container-padding-desktop);text-align:center;background:linear-gradient(135deg,rgba(var(--color-neon-rgb),.1) 0%,rgba(var(--color-accent-rgb),.05) 50%,transparent 100%);border-bottom:1px solid var(--color-border);overflow:hidden}.blog-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(var(--color-neon-rgb),.15) 0%,transparent 70%);pointer-events:none;z-index:var(--z-below)}.blog-header__content{position:relative;max-width:800px;margin:0 auto;z-index:var(--z-normal)}.blog-header__title{font-size:var(--font-size-6xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-4);line-height:var(--line-height-tight);background:var(--gradient-text-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-header__description{font-size:var(--font-size-xl);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:0}.blog-filters{padding:var(--spacing-8) var(--container-padding-desktop);display:flex;justify-content:center;gap:var(--spacing-3);flex-wrap:wrap;background:transparent;position:sticky;top:var(--header-height);z-index:var(--z-floating);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.filter-btn{padding:var(--spacing-2) var(--spacing-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-full);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.filter-btn:hover{background:var(--color-surface-lighter);color:var(--color-text)}.filter-btn.active{background:var(--gradient-button-primary);border-color:transparent;color:var(--color-white);box-shadow:0 4px 14px rgba(var(--color-primary-rgb),.3)}.blog-grid-section{padding:var(--spacing-16) var(--container-padding-desktop);min-height:50vh}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-8);max-width:var(--container-width);margin:0 auto}.blog-grid__empty{grid-column:1 / -1;text-align:center;padding:var(--spacing-16) var(--spacing-4);color:var(--color-text-muted)}.blog-grid__empty-icon{font-size:var(--font-size-6xl);margin-bottom:var(--spacing-4);opacity:.3}.blog-grid__empty-text{font-size:var(--font-size-xl);color:var(--color-text-secondary)}.js .blog-card.hidden{display:none}html:not(.js) .blog-card{opacity:1!important;display:block!important}.js .blog-card.fade-out{animation:fadeOut .2s ease-out forwards}.js .blog-card.fade-in{animation:fadeIn .3s ease-out forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.blog-newsletter{padding:var(--spacing-16) var(--container-padding-desktop);background:var(--color-black);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);position:relative;overflow:hidden}.blog-newsletter__content{max-width:600px;margin:0 auto;text-align:center;position:relative;z-index:var(--z-normal)}.blog-newsletter__title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-3)}.blog-newsletter__description{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-10);line-height:var(--line-height-relaxed)}.newsletter-form{width:100%}.newsletter-input-group{display:flex;gap:var(--spacing-3);max-width:500px;margin:0 auto}.newsletter-input-group input,#newsletter-email{flex:1;padding:var(--spacing-4) var(--spacing-5);background:var(--color-input-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);color:var(--color-text);font-size:var(--font-size-base);transition:all var(--transition-base)}.newsletter-input-group input:focus,#newsletter-email:focus{outline:none;background:var(--color-input-background-focus);border-color:var(--color-neon);box-shadow:0 0 0 3px rgba(var(--color-neon-rgb),.2)}.newsletter-input-group input::placeholder,#newsletter-email::placeholder{color:var(--color-text-muted)}.newsletter-input-group .btn,.newsletter-input-group .btn-primary{padding:var(--spacing-4) var(--spacing-8);background:var(--gradient-button-primary);border:none;border-radius:var(--border-radius-lg);color:var(--color-white);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;box-shadow:var(--shadow-button)}.newsletter-input-group .btn:hover,.newsletter-input-group .btn-primary:hover{box-shadow:var(--shadow-button-hover),var(--shadow-neon-pink);transform:translateY(-2px)}.newsletter-input-group .btn:active,.newsletter-input-group .btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-button-active)}@media(max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}.blog-header{padding:var(--spacing-16) var(--container-padding-tablet)}.blog-grid-section,.blog-newsletter{padding:var(--spacing-12) var(--container-padding-tablet)}.blog-filters{padding:var(--spacing-6) var(--container-padding-tablet)}}@media(max-width:768px){.blog-grid{grid-template-columns:1fr;gap:var(--spacing-6)}.blog-header{padding:var(--spacing-12) var(--container-padding-mobile)}.blog-header__title{font-size:var(--font-size-4xl)}.blog-header__description{font-size:var(--font-size-lg)}.blog-grid-section,.blog-newsletter{padding:var(--spacing-10) var(--container-padding-mobile)}.blog-filters{padding:var(--spacing-5) var(--container-padding-mobile);gap:var(--spacing-2)}.filter-btn{font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-4)}.blog-newsletter__title{font-size:var(--font-size-2xl)}.blog-newsletter__description{font-size:var(--font-size-base)}.newsletter-input-group{flex-direction:column;gap:var(--spacing-3)}.newsletter-input-group .btn,.newsletter-input-group .btn-primary{width:100%}}@media(max-width:480px){.blog-header{padding:var(--spacing-10) var(--container-padding-small)}.blog-header__title{font-size:var(--font-size-3xl)}.blog-header__description{font-size:var(--font-size-base)}.blog-grid-section,.blog-newsletter{padding:var(--spacing-8) var(--container-padding-small)}.blog-filters{padding:var(--spacing-4) var(--container-padding-small)}}@media(prefers-reduced-motion:reduce){.filter-btn,.newsletter-input-group input,.newsletter-input-group .btn{transition:none}.newsletter-input-group .btn:hover,.newsletter-input-group .btn:active{transform:none}.blog-card.fade-out,.blog-card.fade-in{animation:none}}