.blog-featured{padding:var(--space-12) 0}.blog-featured__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-6);align-items:stretch}.blog-featured__main{border-radius:var(--radius-2xl);overflow:hidden;position:relative;display:flex;flex-direction:column;text-decoration:none;background:var(--color-white);border:1px solid var(--color-gray-200);transition:all var(--transition-normal)}.blog-featured__main:hover{border-color:rgba(var(--color-primary-rgb),.25);box-shadow:0 4px 24px #00000014;transform:translateY(-2px)}.blog-featured__main:hover .blog-featured__main-img img{transform:scale(1.04)}.blog-featured__main-img{aspect-ratio:16/10;overflow:hidden;background:var(--color-gray-100);position:relative}.blog-featured__main-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-featured__main-body{padding:var(--space-6);flex:1;display:flex;flex-direction:column}.blog-featured__main-cat{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-primary);text-transform:uppercase;margin-bottom:var(--space-2)}.blog-featured__main-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--text-primary);line-height:var(--line-height-snug);margin-bottom:var(--space-3)}.blog-featured__main-excerpt{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-featured__main-meta{margin-top:auto}.blog-featured__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--color-gray-200) 100%);color:var(--color-gray-400)}.blog-featured__placeholder svg{width:64px;height:64px;opacity:.5}.blog-featured__placeholder--sm svg{width:32px;height:32px}.blog-featured__video-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,rgba(0,0,0,.1) 40%,transparent 60%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);z-index:2;transition:background var(--transition-normal)}.blog-featured__main:hover .blog-featured__video-overlay{background:linear-gradient(to top,rgba(0,0,0,.5) 0%,rgba(0,0,0,.08) 40%,transparent 60%)}.blog-featured__play-btn{width:64px;height:64px;border-radius:var(--radius-full);background:#fffffff2;display:flex;align-items:center;justify-content:center;color:var(--color-primary);transition:all .25s ease;box-shadow:0 6px 24px #00000040}.blog-featured__play-btn svg{width:26px;height:26px;margin-right:-2px}.blog-featured__play-btn--sm{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;z-index:2}.blog-featured__play-btn--sm svg{width:14px;height:14px}.blog-featured__watch-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-white);text-shadow:0 1px 4px rgba(0,0,0,.4)}.blog-featured__main:hover .blog-featured__play-btn,.blog-featured__side-card:hover .blog-featured__play-btn{background:var(--color-white);transform:scale(1.12);box-shadow:0 8px 30px #0000004d}.blog-featured__side-card:hover .blog-featured__play-btn--sm{transform:translate(-50%,-50%) scale(1.12)}.blog-featured__main.is-video .blog-featured__main-img:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px rgba(var(--color-primary-rgb),.2);pointer-events:none}.blog-featured__side{display:flex;flex-direction:column;gap:var(--space-4)}.blog-featured__side-card{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);text-decoration:none;transition:all var(--transition-normal);flex:1;align-items:center}.blog-featured__side-card:hover{border-color:rgba(var(--color-primary-rgb),.25);box-shadow:0 2px 12px #0000000f;transform:translate(-2px)}.blog-featured__side-img{width:120px;height:90px;border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0;background:var(--color-gray-100);position:relative}.blog-featured__side-img img{width:100%;height:100%;object-fit:cover}.blog-featured__side-body{flex:1;min-width:0}.blog-featured__side-cat{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-primary);text-transform:uppercase;margin-bottom:2px}.blog-featured__side-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-snug);margin-bottom:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-featured__side-date{font-size:var(--font-size-xs);color:var(--color-gray-400)}.blog-popular{padding:var(--space-10) 0;background:var(--color-gray-50)}.blog-popular__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.blog-popular__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-3)}.blog-popular__icon{width:36px;height:36px;border-radius:var(--radius-lg);background:var(--color-primary-50);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.blog-popular__icon svg{width:18px;height:18px}.blog-popular__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}.blog-popular__card{display:flex;align-items:flex-start;gap:var(--space-3);text-decoration:none;padding:var(--space-4);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.blog-popular__card:hover{border-color:rgba(var(--color-primary-rgb),.25);box-shadow:0 2px 12px #0000000f}.blog-popular__rank{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--color-gray-200);line-height:1;flex-shrink:0;min-width:28px;text-align:center}.blog-popular__card-body{flex:1;min-width:0}.blog-popular__card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-snug);margin-bottom:var(--space-1);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-popular__card-cat{font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-medium)}.blog-video{padding:var(--space-12) 0}.blog-video__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.blog-video__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-3)}.blog-video__icon{width:36px;height:36px;border-radius:var(--radius-lg);background:var(--color-primary-50);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.blog-video__icon svg{width:18px;height:18px}.blog-video__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.blog-video__card{position:relative;display:block;text-decoration:none;border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-normal)}.blog-video__card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000001f}.blog-video__card:hover .blog-video__thumb img{transform:scale(1.05)}.blog-video__card:hover .blog-video__play{background:var(--color-white);transform:translate(-50%,-50%) scale(1.1)}.blog-video__thumb{aspect-ratio:16/9;overflow:hidden;background:var(--color-gray-100)}.blog-video__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-video__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-gray-700) 0%,var(--color-gray-900) 100%);color:var(--color-gray-500)}.blog-video__placeholder svg{width:48px;height:48px;opacity:.5}.blog-video__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,transparent 50%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-5)}.blog-video__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:var(--radius-full);background:#ffffffe6;display:flex;align-items:center;justify-content:center;color:var(--color-primary);transition:all var(--transition-fast);box-shadow:0 4px 15px #0003}.blog-video__play svg{width:22px;height:22px;margin-right:-2px}.blog-video__card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-white);line-height:var(--line-height-snug)}.blog-latest{padding:var(--space-12) 0;background:var(--color-gray-50)}.blog-latest__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.blog-latest__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:var(--text-primary)}.blog-latest__link{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-1)}.blog-latest__link:hover{text-decoration:underline}.blog-latest__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.blog-latest__cta{text-align:center;margin-top:var(--space-10)}.blog-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);overflow:hidden;text-decoration:none;display:block;transition:all var(--transition-normal)}.blog-card:hover{border-color:rgba(var(--color-primary-rgb),.25);box-shadow:0 4px 20px #0000000f;transform:translateY(-2px)}.blog-card:hover .blog-card__img img{transform:scale(1.04)}.blog-card:hover .blog-card__title{color:var(--color-primary)}.blog-card__img{aspect-ratio:16/10;overflow:hidden;background:var(--color-gray-100);position:relative}.blog-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blog-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--color-gray-200) 100%);color:var(--color-gray-400)}.blog-card__placeholder svg{width:48px;height:48px;opacity:.5}.blog-card__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:var(--radius-full);background:#ffffffeb;display:flex;align-items:center;justify-content:center;color:var(--color-primary);box-shadow:0 4px 16px #00000038;z-index:2;transition:all .25s ease}.blog-card__play svg{width:18px;height:18px;margin-right:-2px}.blog-card:hover .blog-card__play{background:var(--color-white);transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 20px #00000040}.blog-card__body{padding:var(--space-5)}.blog-card__cat{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-primary);text-transform:uppercase;margin-bottom:var(--space-2)}.blog-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-snug);margin-bottom:var(--space-2);transition:color var(--transition-fast)}.blog-card__excerpt{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card__date{font-size:var(--font-size-xs);color:var(--color-gray-400);margin-top:var(--space-3);display:block}.post-meta{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;font-size:var(--font-size-xs);color:var(--text-secondary)}.post-meta__item{display:flex;align-items:center;gap:var(--space-1)}.post-meta__item svg{width:14px;height:14px}.post-meta__divider{width:3px;height:3px;border-radius:var(--radius-full);background:var(--color-gray-300)}.blog-newsletter{padding:var(--space-12) 0;background:#1a1a2e;position:relative;overflow:hidden}.blog-newsletter:before{content:"";position:absolute;top:-40%;right:-10%;width:50%;height:180%;background:radial-gradient(ellipse,rgba(var(--color-primary-rgb),.12) 0%,transparent 60%);pointer-events:none}.blog-newsletter .newsletter-box{background:#ffffff0d;border-color:#ffffff14;max-width:560px;margin:0 auto}.blog-newsletter .newsletter-box__title{color:var(--color-white)}.blog-newsletter .newsletter-box__desc{color:#fff9}.blog-newsletter .newsletter-box__input{background:#ffffff1a;border-color:#ffffff26;color:var(--color-white)}.blog-newsletter .newsletter-box__input::placeholder{color:#fff6}.blog-newsletter .newsletter-box__input:focus{border-color:var(--color-primary)}@media(max-width:1024px){.blog-featured__grid{grid-template-columns:1fr}.blog-featured__side{flex-direction:row;flex-wrap:wrap}.blog-featured__side-card{flex:1 1 calc(50% - var(--space-2));min-width:260px}.blog-popular__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.blog-featured__side-card{flex:1 1 100%}.blog-video__grid,.blog-latest__grid,.blog-popular__grid{grid-template-columns:1fr}}