.blog-archive{--blog-primary: #415097;--blog-primary-dark: #2e3a6e;--blog-primary-light: #59659f;--blog-primary-ghost: rgba(65, 80, 151, .06);--blog-accent: #f27131;--blog-accent-dark: #d9632a;--blog-accent-glow: rgba(242, 113, 49, .15);--blog-surface: #f8f9fc;--blog-surface-alt: #f1f3f8;--blog-border: #e2e5ef;--blog-border-subtle: rgba(226, 229, 239, .6);--blog-text: #1a1e35;--blog-text-muted: #6c769e;--blog-text-light: #9aa2c0;--blog-card-bg: #ffffff;--blog-card-radius: 14px;--blog-card-shadow: 0 1px 3px rgba(65, 80, 151, .04), 0 4px 16px rgba(65, 80, 151, .06);--blog-card-shadow-hover: 0 4px 12px rgba(65, 80, 151, .08), 0 12px 40px rgba(65, 80, 151, .14);--blog-ease: cubic-bezier(.22, 1, .36, 1);--blog-ease-bounce: cubic-bezier(.34, 1.56, .64, 1);font-family:Be Vietnam Pro,sans-serif;background:var(--blog-surface);color:var(--blog-text)}.archive-hero{background:linear-gradient(145deg,#0f1326,#1a2140 25%,#2e3a6e,#415097 85%,#59659f);position:relative;overflow:hidden;padding:80px 0 64px}.archive-hero:before{content:"";position:absolute;top:-25%;right:-8%;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(242,113,49,.1) 0%,rgba(242,113,49,.03) 40%,transparent 70%);pointer-events:none}.archive-hero:after{content:"";position:absolute;bottom:-30%;left:-5%;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(89,101,159,.15) 0%,transparent 65%);pointer-events:none}.archive-hero__inner{max-width:880px;margin:0 auto;padding:0 24px;text-align:center;position:relative;z-index:1}.archive-hero__badge{display:inline-flex;align-items:center;gap:7px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fffc;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:7px 18px;border-radius:100px;margin-bottom:24px}.archive-hero__badge .material-icons-outlined{font-size:15px;color:var(--blog-accent)}.archive-hero__title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#fff;line-height:1.18;margin:0 0 16px;letter-spacing:-.025em}.archive-hero__accent{color:var(--blog-accent);display:block}.archive-hero__desc{font-size:1rem;color:#ffffffa6;max-width:600px;margin:0 auto 40px;line-height:1.7;font-weight:400}.archive-hero__stats{display:flex;justify-content:center;gap:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);max-width:680px;margin:0 auto}.stat-item{flex:1;padding:22px 12px;text-align:center;border-right:1px solid rgba(255,255,255,.08);transition:background .25s var(--blog-ease)}.stat-item:last-child{border-right:none}.stat-item:hover{background:#ffffff0d}.stat-number{display:block;font-size:1.7rem;font-weight:700;color:#fff;line-height:1;margin-bottom:5px;letter-spacing:-.02em}.stat-label{font-size:.7rem;color:#ffffff80;font-weight:400;line-height:1.35;letter-spacing:.02em}.pillar-tabs{background:#fff;border-bottom:1px solid var(--blog-border);position:sticky;top:0;z-index:100;box-shadow:0 1px 8px #4150970f}.pillar-tabs__inner{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pillar-tabs__inner::-webkit-scrollbar{display:none}.pillar-tab{display:inline-flex;align-items:center;gap:6px;padding:15px 16px;font-size:.84rem;font-weight:500;color:var(--blog-text-muted);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s var(--blog-ease),border-color .2s var(--blog-ease);font-family:Be Vietnam Pro,sans-serif;position:relative}.pillar-tab:hover{color:var(--blog-primary)}.pillar-tab--active{color:var(--blog-primary);font-weight:600;border-bottom-color:var(--blog-accent)}.pillar-tab__count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;background:var(--blog-surface-alt);color:var(--blog-text-light);border-radius:100px;font-size:.7rem;font-weight:600;transition:background .2s,color .2s}.pillar-tab--active .pillar-tab__count{background:var(--blog-primary);color:#fff}.page-body{max-width:1280px;margin:0 auto;padding:40px 24px 56px;display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start}.posts-area{min-width:0;display:flex;flex-direction:column;gap:32px}.featured-card{display:grid;grid-template-columns:55fr 45fr;background:var(--blog-card-bg);border-radius:var(--blog-card-radius);overflow:hidden;box-shadow:var(--blog-card-shadow);border:1px solid var(--blog-border);transition:box-shadow .35s var(--blog-ease),transform .35s var(--blog-ease)}.featured-card:hover{box-shadow:var(--blog-card-shadow-hover);transform:translateY(-3px)}.featured-card__thumb{position:relative;display:block;overflow:hidden;min-height:320px;background:var(--blog-surface-alt)}.featured-card__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .6s var(--blog-ease)}.featured-card:hover .featured-card__thumb img{transform:scale(1.04)}.featured-card__placeholder{width:100%;height:100%;min-height:320px;background:linear-gradient(145deg,var(--blog-primary-dark),var(--blog-primary-light));display:flex;align-items:center;justify-content:center}.featured-card__placeholder .material-icons-outlined{font-size:56px;color:#fff3}.featured-card__cat-badge{position:absolute;top:16px;left:16px;background:var(--blog-accent);color:#fff;font-size:.7rem;font-weight:600;padding:5px 14px;border-radius:100px;text-transform:uppercase;letter-spacing:.05em;z-index:2;box-shadow:0 2px 8px #f271314d}.featured-card__body{padding:36px 32px;display:flex;flex-direction:column;justify-content:center;gap:14px}.featured-card__eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;color:var(--blog-accent);text-transform:uppercase;letter-spacing:.08em}.featured-card__eyebrow .material-icons-outlined{font-size:15px}.featured-card__title{font-size:1.35rem;font-weight:700;line-height:1.35;margin:0;color:var(--blog-text);letter-spacing:-.01em}.featured-card__title a{color:inherit;text-decoration:none;transition:color .2s}.featured-card__title a:hover{color:var(--blog-primary)}.featured-card__excerpt{color:var(--blog-text-muted);font-size:.88rem;line-height:1.65;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.featured-card__meta{display:flex;flex-wrap:wrap;gap:14px}.featured-card__meta-item{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;color:var(--blog-text-light)}.featured-card__meta-item .material-icons-outlined{font-size:14px;color:var(--blog-primary-light)}.featured-card__btn{display:inline-flex;align-items:center;gap:6px;background:var(--blog-accent);color:#fff;text-decoration:none;padding:10px 22px;border-radius:8px;font-size:.85rem;font-weight:600;align-self:flex-start;transition:background .2s var(--blog-ease),transform .2s var(--blog-ease),box-shadow .2s;box-shadow:0 2px 8px #f2713133}.featured-card__btn:hover{background:var(--blog-accent-dark);transform:translate(3px);box-shadow:0 4px 16px #f271314d}.featured-card__btn .material-icons-outlined{font-size:17px;transition:transform .2s var(--blog-ease)}.featured-card__btn:hover .material-icons-outlined{transform:translate(3px)}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card{background:var(--blog-card-bg);border-radius:var(--blog-card-radius);overflow:hidden;border:1px solid var(--blog-border);box-shadow:var(--blog-card-shadow);display:flex;flex-direction:column;transition:box-shadow .35s var(--blog-ease),transform .35s var(--blog-ease),border-color .35s}.post-card:hover{box-shadow:var(--blog-card-shadow-hover);transform:translateY(-4px);border-color:var(--blog-border-subtle)}.post-card__thumb{display:block;position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--blog-surface-alt);flex-shrink:0}.post-card__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .5s var(--blog-ease)}.post-card:hover .post-card__thumb img{transform:scale(1.05)}.post-card__placeholder{width:100%;height:100%;background:linear-gradient(145deg,var(--blog-primary-dark),var(--blog-primary));display:flex;align-items:center;justify-content:center}.post-card__placeholder .material-icons-outlined{font-size:32px;color:#fff3}.post-card__cat-badge{position:absolute;top:12px;left:12px;background:#ffffffeb;color:var(--blog-primary);font-size:.68rem;font-weight:600;padding:4px 10px;border-radius:6px;line-height:1.4;z-index:2;transition:background .2s,color .2s;white-space:nowrap;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 4px #00000014}.post-card:hover .post-card__cat-badge{background:var(--blog-accent);color:#fff}.post-card__body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1;gap:8px}.post-card__title{font-size:.95rem;font-weight:600;line-height:1.45;margin:0;color:var(--blog-text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card__title a{color:inherit;text-decoration:none;transition:color .2s}.post-card__title a:hover{color:var(--blog-primary)}.post-card__excerpt{font-size:.82rem;color:var(--blog-text-muted);line-height:1.6;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.73rem;color:var(--blog-text-light);padding-top:2px}.post-card__meta>span:not(:last-child):after{content:"·";margin-left:8px;opacity:.4}.post-card__read{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600;color:var(--blog-primary);text-decoration:none;margin-top:auto;padding-top:4px;transition:gap .25s var(--blog-ease),color .2s}.post-card__read:hover{gap:8px;color:var(--blog-accent)}.post-card__read .material-icons-outlined{font-size:16px;transition:transform .2s var(--blog-ease)}.post-card__read:hover .material-icons-outlined{transform:translate(3px)}.newsletter-band{background:linear-gradient(145deg,var(--blog-primary-dark) 0%,var(--blog-primary) 100%);border-radius:16px;padding:32px 36px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;position:relative;overflow:hidden}.newsletter-band:before{content:"";position:absolute;top:-50%;right:-10%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(242,113,49,.15) 0%,transparent 70%);pointer-events:none}.newsletter-band__icon{width:52px;height:52px;background:#ffffff1f;border:1px solid rgba(255,255,255,.15);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.newsletter-band__icon .material-icons-outlined{font-size:24px;color:#fff}.newsletter-band__body{flex:1;min-width:200px}.newsletter-band__title{font-size:1.05rem;font-weight:700;color:#fff;margin:0 0 3px}.newsletter-band__desc{font-size:.82rem;color:#ffffffa6;margin:0}.newsletter-band__form{display:flex;gap:8px;flex-wrap:wrap;min-width:280px}.newsletter-band__input{flex:1;min-width:200px;height:42px;padding:0 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#fff;font-size:.85rem;font-family:Be Vietnam Pro,sans-serif;outline:none;transition:background .2s,border-color .2s,box-shadow .2s}.newsletter-band__input::-moz-placeholder{color:#ffffff73}.newsletter-band__input::placeholder{color:#ffffff73}.newsletter-band__input:focus{background:#ffffff26;border-color:#fff6;box-shadow:0 0 0 3px #ffffff14}.newsletter-band__btn{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 20px;background:var(--blog-accent);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;font-family:Be Vietnam Pro,sans-serif;cursor:pointer;transition:background .2s,transform .2s var(--blog-ease),box-shadow .2s;white-space:nowrap;box-shadow:0 2px 8px #f2713140}.newsletter-band__btn:hover{background:var(--blog-accent-dark);transform:translateY(-1px);box-shadow:0 4px 16px #f2713159}.newsletter-band__btn .material-icons-outlined{font-size:17px}.pagination-wrap{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;padding-top:8px}.pagination-wrap .page-numbers{display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:40px;padding:0 12px;border:1px solid var(--blog-border);border-radius:10px;background:var(--blog-card-bg);color:var(--blog-text-muted);text-decoration:none;font-size:.85rem;font-weight:500;transition:all .2s var(--blog-ease);font-family:Be Vietnam Pro,sans-serif}.pagination-wrap .page-numbers:hover{background:var(--blog-primary);border-color:var(--blog-primary);color:#fff;box-shadow:0 2px 8px #41509733}.pagination-wrap .page-numbers.current{background:var(--blog-primary);border-color:var(--blog-primary);color:#fff;font-weight:700;box-shadow:0 2px 12px #41509740}.pagination-wrap .page-numbers.dots{border-color:transparent;background:transparent;cursor:default;box-shadow:none}.pagination-wrap .page-numbers .material-icons-outlined{font-size:18px}.no-posts{text-align:center;padding:72px 24px;color:var(--blog-text-muted)}.no-posts .material-icons-outlined{font-size:52px;color:var(--blog-border);display:block;margin-bottom:16px}.no-posts p{font-size:.95rem;margin:0 0 20px;line-height:1.6}.no-posts__reset{display:inline-flex;align-items:center;gap:6px;background:var(--blog-primary);color:#fff;padding:10px 24px;border-radius:8px;text-decoration:none;font-size:.85rem;font-weight:600;transition:background .2s,box-shadow .2s}.no-posts__reset:hover{background:var(--blog-primary-dark);box-shadow:0 4px 12px #41509733}.sidebar{position:sticky;top:64px;display:flex;flex-direction:column;gap:18px;max-height:calc(100vh - 84px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--blog-border) transparent;padding-right:2px}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--blog-border);border-radius:3px}.widget{background:var(--blog-card-bg);border:1px solid var(--blog-border);border-radius:var(--blog-card-radius);overflow:hidden;box-shadow:0 1px 3px #41509708}.widget__header{display:flex;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid var(--blog-border);background:var(--blog-surface)}.widget__dot{width:7px;height:7px;border-radius:50%;background:var(--blog-accent);flex-shrink:0}.widget__title{font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--blog-primary)}.widget__body{padding:14px 16px}.search-form{display:flex;gap:8px}.search-input{flex:1;height:38px;padding:0 14px;border:1px solid var(--blog-border);border-radius:8px;font-size:.85rem;font-family:Be Vietnam Pro,sans-serif;color:var(--blog-text);outline:none;transition:border-color .2s,box-shadow .2s;background:var(--blog-surface)}.search-input:focus{border-color:var(--blog-primary-light);background:#fff;box-shadow:0 0 0 3px var(--blog-primary-ghost)}.search-btn{width:38px;height:38px;border:none;background:var(--blog-primary);color:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.search-btn:hover{background:var(--blog-primary-dark)}.search-btn .material-icons-outlined{font-size:18px}.cat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}.cat-list__item a{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--blog-text-muted);font-size:.84rem;font-weight:500;transition:all .2s var(--blog-ease)}.cat-list__item a:hover{background:var(--blog-primary-ghost);color:var(--blog-primary)}.cat-list__item--active a{background:var(--blog-primary-ghost);color:var(--blog-primary);font-weight:600}.cat-list__icon{font-size:17px!important;color:var(--blog-primary-light);flex-shrink:0;opacity:.7}.cat-list__item--active .cat-list__icon{color:var(--blog-accent);opacity:1}.cat-list__name{flex:1}.cat-list__count{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:100px;background:var(--blog-surface-alt);color:var(--blog-text-light);min-width:28px;text-align:center}.cat-list__item--active .cat-list__count{background:var(--blog-primary);color:#fff}.popular-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.popular-item__link{display:flex;gap:12px;text-decoration:none;align-items:flex-start;padding:6px;border-radius:8px;transition:background .2s}.popular-item__link:hover{background:var(--blog-primary-ghost)}.popular-item__thumb{width:60px;height:52px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--blog-surface-alt)}.popular-item__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.popular-item__placeholder{width:100%;height:100%;background:linear-gradient(145deg,var(--blog-primary-dark),var(--blog-primary-light));display:flex;align-items:center;justify-content:center}.popular-item__placeholder .material-icons-outlined{font-size:20px;color:#ffffff4d}.popular-item__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.popular-item__cat{font-size:.66rem;font-weight:600;color:var(--blog-accent);text-transform:uppercase;letter-spacing:.06em}.popular-item__title{font-size:.82rem;font-weight:600;color:var(--blog-text);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.popular-item__date{font-size:.7rem;color:var(--blog-text-light)}.widget--cta{background:linear-gradient(145deg,var(--blog-primary-dark),var(--blog-primary));border:none;position:relative;overflow:hidden}.widget--cta:before{content:"";position:absolute;top:-40%;right:-20%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(242,113,49,.15) 0%,transparent 70%);pointer-events:none}.widget--cta .widget__body{text-align:center;padding:24px 20px;position:relative;z-index:1}.cta-widget__icon{width:48px;height:48px;background:#ffffff1f;border:1px solid rgba(255,255,255,.12);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.cta-widget__icon .material-icons-outlined{font-size:24px;color:#fff}.cta-widget__title{font-size:.95rem;font-weight:700;color:#fff;margin:0 0 6px}.cta-widget__desc{font-size:.8rem;color:#ffffffa6;line-height:1.55;margin:0 0 16px}.cta-widget__btn{display:block;background:var(--blog-accent);color:#fff;text-decoration:none;padding:10px 20px;border-radius:8px;font-size:.85rem;font-weight:700;transition:background .2s,transform .2s var(--blog-ease),box-shadow .2s;margin-bottom:10px;box-shadow:0 2px 8px #f2713140}.cta-widget__btn:hover{background:var(--blog-accent-dark);transform:translateY(-1px);box-shadow:0 4px 16px #f2713159}.cta-widget__phone{font-size:.75rem;color:#ffffff80}.tag-cloud{display:flex;flex-wrap:wrap;gap:6px}.tag-cloud__item{display:inline-block;padding:4px 12px;background:var(--blog-surface-alt);border:1px solid var(--blog-border);border-radius:6px;font-size:.76rem;font-weight:500;color:var(--blog-text-muted);text-decoration:none;transition:all .2s var(--blog-ease)}.tag-cloud__item:hover{background:var(--blog-primary);border-color:var(--blog-primary);color:#fff}@media(max-width:1024px){.page-body{grid-template-columns:1fr}.sidebar{position:static;max-height:none;overflow:visible;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.widget--cta{grid-column:span 2}}@media(max-width:768px){.archive-hero{padding:52px 0 44px}.archive-hero__stats{flex-wrap:wrap;border-radius:12px}.stat-item{flex:1 1 50%;border-bottom:1px solid rgba(255,255,255,.08)}.stat-item:nth-child(2){border-right:none}.featured-card{grid-template-columns:1fr}.featured-card__thumb{min-height:220px}.featured-card__body{padding:22px 20px}.posts-grid{grid-template-columns:repeat(2,1fr);gap:16px}.sidebar{grid-template-columns:1fr}.widget--cta{grid-column:span 1}.newsletter-band{flex-direction:column;text-align:center;padding:28px 24px}.newsletter-band__form{min-width:100%}.newsletter-band__input{min-width:0}.page-body{padding:28px 16px 40px;gap:28px}}@media(max-width:480px){.posts-grid{grid-template-columns:1fr}.archive-hero__title{font-size:1.75rem}.stat-item{flex:1 1 100%;border-right:none}.pillar-tabs__inner{padding:0 12px}.archive-hero{padding:40px 0 36px}.archive-hero__desc{font-size:.9rem;margin-bottom:28px}}@media(prefers-reduced-motion:reduce){.blog-archive *,.blog-archive *:before,.blog-archive *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}