.blog-index-banner{padding:var(--header-height, 89px) 0 4rem 0;position:relative;overflow:hidden}.blog-index-banner::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(186,215,247,0.08) 1px, transparent 1px),linear-gradient(90deg, rgba(186,215,247,0.08) 1px, transparent 1px);background-size:50px 50px;z-index:0}.blog-index-banner .main-container{position:relative;z-index:1}.blog-index-topbar,.blog-show-topbar{display:flex;align-items:center;justify-content:space-between;padding-top:1.5rem;padding-bottom:1rem;gap:1rem;flex-wrap:wrap}.blog-breadcrumb{display:flex;align-items:center}.blog-breadcrumb__list{list-style:none;padding:6px 14px;margin:0;display:inline-flex;align-items:center;gap:0.4rem;flex-wrap:wrap;background:rgba(255,255,255,0.05);border:1px solid rgba(186,215,247,0.14);border-radius:999px;backdrop-filter:blur(6px);font-size:13px}.blog-breadcrumb__link{display:inline-flex;align-items:center;gap:5px;color:rgba(216,236,248,0.7);text-decoration:none;font-weight:500;transition:color 0.15s}.blog-breadcrumb__link i{font-size:11px}.blog-breadcrumb__link:hover{color:#aacbf3}.blog-breadcrumb__sep{color:rgba(186,215,247,0.3);font-size:10px;line-height:1;display:flex;align-items:center}.blog-breadcrumb__current{color:#aacbf3;font-weight:600;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}@media (max-width: 575px){.blog-breadcrumb__current{max-width:150px}}.blog-filters{display:flex;flex-wrap:wrap;gap:8px;padding:1.25rem 0 0.5rem}.blog-filters a{padding:6px 16px;border-radius:999px;border:1px solid rgba(186,215,247,0.18);background:rgba(255,255,255,0.04);color:rgba(216,236,248,0.75);font-size:13px;font-weight:600;text-decoration:none;transition:all 0.18s ease}.blog-filters a:hover{border-color:rgba(11,129,239,0.55);background:rgba(11,129,239,0.12);color:#fff}.blog-filters a.active{background:#aacbf3;border-color:#aacbf3;color:#fff;box-shadow:0 4px 14px rgba(11,129,239,0.35)}.blog-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill, minmax(290px, 1fr));gap:20px;width:100%}@media (max-width: 575px){.blog-grid{grid-template-columns:1fr}}.blog-grid__item::marker{display:none;content:none}.blog-card{border-radius:16px;overflow:hidden;background:rgba(0,0,0,0.35);border:1px solid rgba(186,215,247,0.1);box-shadow:0 8px 24px rgba(0,0,0,0.3);display:flex;flex-direction:column;transition:transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;height:100%}.blog-card:hover{transform:translateY(-5px);border-color:rgba(11,129,239,0.4);box-shadow:0 14px 36px rgba(0,0,0,0.45)}.blog-card__link{display:flex;flex-direction:column;text-decoration:none;height:100%;color:inherit}.blog-card__link:hover{color:inherit}.blog-card__image{width:100%;height:190px;overflow:hidden;background:rgba(11,129,239,0.08);margin:0}.blog-card__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.35s ease}.blog-card:hover .blog-card__image img{transform:scale(1.04)}.blog-card__content{padding:1.25rem 1.25rem 1rem;display:flex;flex-direction:column;flex:1;gap:0.6rem}.blog-card__meta{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.blog-card__meta time{font-size:12px;color:rgba(216,236,248,0.5)}.blog-card__category{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:rgba(11,129,239,0.14);border:1px solid rgba(11,129,239,0.3);color:#7abfee;font-size:11px;font-weight:700;letter-spacing:0.3px}.blog-card__title{font-size:1.05rem;font-weight:700;color:#d8ecf8;margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__excerpt{font-size:0.875rem;color:rgba(216,236,248,0.65);line-height:1.6;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:0.75rem;border-top:1px solid rgba(186,215,247,0.08);margin-top:auto}.blog-card__author{font-size:12px;color:rgba(216,236,248,0.45);font-weight:500}.blog-card__read-more{font-size:12px;font-weight:700;color:#aacbf3;display:flex;align-items:center;gap:5px;transition:gap 0.2s ease}.blog-card:hover .blog-card__read-more{gap:8px}.blog-carousel{position:relative;overflow:hidden}.blog-carousel__controls{position:absolute;top:50%;left:0;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%);z-index:2;pointer-events:none;padding:0 calc(var(--main-grid-padding, 6vw) - 22px)}.carousel-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(186,215,247,0.18);background:rgba(16,25,34,0.85);backdrop-filter:blur(8px);color:#d8ecf8;font-size:1.75rem;line-height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:all;transition:border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease}.carousel-btn:hover{border-color:rgba(11,129,239,0.5);background:rgba(11,129,239,0.2);box-shadow:0 4px 16px rgba(11,129,239,0.25)}.blog-carousel__track-wrapper{overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;display:flex;flex-wrap:nowrap;gap:16px;padding:16px 0;list-style:none;margin:0;scroll-snap-type:x mandatory}.blog-carousel__track-wrapper::-webkit-scrollbar{display:none}.blog-carousel__track-wrapper .blog-grid__item{flex:0 0 300px;max-width:300px;scroll-snap-align:start}@media (max-width: 575px){.blog-carousel__track-wrapper .blog-grid__item{flex:0 0 280px;max-width:280px}}.blog-landing-slider__wrap{position:relative}.blog-landing-slider__track{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;list-style:none;padding:16px 0;margin:0;scroll-snap-type:x mandatory}.blog-landing-slider__track::-webkit-scrollbar{display:none}.blog-landing-slider__track .blog-landing-slider__item{flex:0 0 300px;scroll-snap-align:start}@media (max-width: 575px){.blog-landing-slider__track .blog-landing-slider__item{flex:0 0 280px}}.blog-landing-slider__btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid rgba(186,215,247,0.18);background:rgba(16,25,34,0.85);backdrop-filter:blur(8px);color:#d8ecf8;font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.18s ease}.blog-landing-slider__btn--prev{left:-20px}.blog-landing-slider__btn--next{right:-20px}.blog-landing-slider__btn:hover{border-color:rgba(11,129,239,0.5);background:rgba(11,129,239,0.2);box-shadow:0 4px 16px rgba(11,129,239,0.25)}@media (max-width: 768px){.blog-landing-slider__btn--prev{left:0}.blog-landing-slider__btn--next{right:0}}.blog-pagination{display:inline-flex;align-items:center;gap:6px;padding:6px;border:1px solid rgba(186,215,247,0.14);border-radius:999px;background:rgba(255,255,255,0.04);backdrop-filter:blur(6px);box-shadow:0 8px 24px rgba(0,0,0,0.25)}.blog-pagination .page{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 12px;border-radius:999px;text-decoration:none;font-weight:700;font-size:14px;color:rgba(216,236,248,0.7);background:transparent;border:1px solid transparent;transition:all 0.18s ease}.blog-pagination .page:hover{background:rgba(11,129,239,0.18);border-color:rgba(11,129,239,0.55);color:#fff}.blog-pagination .page.active{background:#aacbf3;border-color:rgba(255,255,255,0.18);color:#fff;box-shadow:0 4px 14px rgba(11,129,239,0.35)}.blog-pagination .page.disabled{opacity:0.35;cursor:not-allowed;pointer-events:none}.blog-pagination .page.prev,.blog-pagination .page.next{font-size:18px;line-height:1;padding:0 14px}.blog-post{max-width:820px;margin:2rem auto 4rem}.blog-post__image{width:100%;border-radius:18px;overflow:hidden;margin-bottom:2rem;border:1px solid rgba(186,215,247,0.1);max-height:420px}.blog-post__image img{width:100%;height:100%;max-height:420px;object-fit:cover;display:block}.blog-post__category{display:inline-flex;align-items:center;padding:5px 14px;border-radius:999px;background:rgba(11,129,239,0.14);border:1px solid rgba(11,129,239,0.3);color:#7abfee;font-size:12px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase}.blog-post__title{font-size:clamp(1.75rem, 4vw, 2.5rem);font-weight:800;color:#d8ecf8;text-align:center;margin:1rem 0 0.5rem;line-height:1.2;background:linear-gradient(0deg, #d8ecf8 0%, #98c0ef 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blog-post__meta{font-size:13px;color:rgba(216,236,248,0.5);flex-wrap:wrap}.blog-post__author-image{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid rgba(186,215,247,0.2)}.blog-post__content{margin-top:2rem;color:rgba(216,236,248,0.85);font-size:1rem;line-height:1.85}.blog-post__content h2{font-size:1.4rem;font-weight:800;color:#d8ecf8;margin:2rem 0 0.75rem;background:linear-gradient(0deg, #d8ecf8 0%, #98c0ef 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blog-post__content h3{font-size:1.15rem;font-weight:700;color:#d8ecf8;margin:1.5rem 0 0.5rem}.blog-post__content p{margin-bottom:1rem}.blog-post__content ul,.blog-post__content ol{padding-left:1.5rem;margin-bottom:1rem}.blog-post__content ul li,.blog-post__content ol li{margin-bottom:0.5rem;color:rgba(216,236,248,0.8)}.blog-post__content strong{color:#d8ecf8;font-weight:700}.blog-post__content a{color:#aacbf3;text-decoration:underline}.blog-post__content a:hover{color:#7abfee}.blog-post__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:2rem;padding-top:1.25rem;border-top:1px solid rgba(186,215,247,0.1)}.blog-post__tag{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid rgba(11,129,239,0.25);background:rgba(0,0,0,0.3);color:rgba(216,236,248,0.85);font-size:0.85rem;font-weight:600;transition:all 0.15s ease}.blog-post__tag:hover{border-color:rgba(11,129,239,0.5);background:rgba(11,129,239,0.1)}@media (max-width: 768px){.blog-index-topbar,.blog-show-topbar{flex-direction:column;align-items:flex-start}.blog-post{margin:1.5rem auto 3rem}.blog-carousel__controls{display:none}}