.banner-card-img[data-astro-cid-ud2h2d3h]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .5s ease}.banner-card[data-astro-cid-ud2h2d3h]:hover .banner-card-img[data-astro-cid-ud2h2d3h]{transform:scale(1.05)}.banner-card-overlay[data-astro-cid-ud2h2d3h]{position:absolute;inset:0;background:linear-gradient(to right,#000000f2,#000000b3 35%,#0000 80%);z-index:1}body.blog-page{background:#f4f4f4!important;color:#111!important}main{max-width:1200px;margin:0 auto;padding:140px 28px 80px}.blog-page-banner{background:#050505;border-radius:18px;padding:80px 48px;margin-bottom:40px;display:flex;justify-content:flex-start;align-items:center;position:relative;overflow:hidden}.banner-video-wrap{position:absolute;top:0;right:0;bottom:0;width:65%;z-index:0}.banner-video-wrap video{width:100%;height:100%;object-fit:cover}.banner-video-gradient{position:absolute;inset:0;background:linear-gradient(to right,#050505 0%,rgba(5,5,5,.8) 30%,transparent 100%)}.section-title{font-size:clamp(28px,3.5vw,44px);font-weight:600;color:#111;letter-spacing:-.03em;line-height:1.3;margin-bottom:40px;display:none}.hero-row{display:flex;gap:24px;margin-bottom:40px;align-items:stretch}.banner-card{position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border-radius:18px;flex:1;min-height:320px;background:#111;transition:transform .3s,box-shadow .3s}.banner-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(59,130,246,.15) 0%,transparent 60%);pointer-events:none}.banner-card:hover{transform:translateY(-3px);box-shadow:0 20px 48px #00000026}.banner-left{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px;padding:0 48px}.banner-chip{display:inline-block;background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#3b82f6;font-size:12px;font-weight:700;padding:6px 14px;border-radius:999px;letter-spacing:.05em;text-transform:uppercase;width:fit-content}.banner-title{font-size:clamp(32px,3.5vw,48px);font-weight:800;color:#fff;line-height:1.2;letter-spacing:-.04em;word-break:keep-all}.banner-desc{font-size:1.05rem;color:#ffffffbf;line-height:1.6;font-weight:400;word-break:keep-all}.featured-card{flex:1;display:block;text-decoration:none;color:#111;border-radius:18px;overflow:hidden;transition:transform .3s,box-shadow .3s}.featured-card:hover{transform:translateY(-3px);box-shadow:0 20px 48px #00000026}.featured-thumb{width:100%;height:100%;position:relative}.featured-thumb img{width:100%;height:100%;display:block;object-fit:cover;border-radius:18px}.featured-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;opacity:0;transition:opacity .3s}.featured-card:hover .featured-play{opacity:1}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{display:flex;flex-direction:column;gap:11px;text-decoration:none;color:#111}.card-thumb{position:relative;aspect-ratio:16/9;border-radius:11px;overflow:hidden;background:#ddd}.card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.card:hover .card-thumb img{transform:scale(1.05)}.card-title{font-size:16px;font-weight:700;line-height:1.45;letter-spacing:-.01em;word-break:keep-all}.card:hover .card-title{color:#555}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;opacity:0;transition:opacity .3s}.card:hover .play-icon{opacity:1}@media(max-width:800px){main{padding:90px 20px 40px}.hero-row{flex-direction:column}.banner-card{min-height:200px}.cards-grid{grid-template-columns:repeat(2,1fr)}.blog-page-banner{padding:32px 24px;margin-bottom:24px;border-radius:12px}}@media(max-width:520px){.cards-grid{grid-template-columns:1fr}.banner-left{padding:0 24px}}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:4rem 0 6rem;flex-wrap:wrap;position:relative;z-index:20}.page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 16px;border-radius:8px;border:1px solid rgba(0,0,0,.1);background:#fff;color:#333;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;user-select:none;box-shadow:0 2px 4px #00000005}.page-btn:hover:not(:disabled){background:#f9f9f9;border-color:#0003;transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.page-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6;pointer-events:none;box-shadow:0 4px 12px #3b82f64d}.page-btn:disabled{opacity:.4;cursor:not-allowed;background:transparent}