.blog-section{background:linear-gradient(#fff 0%,#f8fafc 100%);width:100%;padding-block-start:clamp(2rem,4vw,3rem);padding-block-end:clamp(4rem,8vw,8rem);padding-inline-start:clamp(1rem,5vw,2rem);padding-inline-end:clamp(1rem,5vw,2rem);position:relative;overflow:hidden}.blog-container{width:100%;max-width:1400px;margin-inline-start:auto;margin-inline-end:auto}.blog-header{text-align:center;margin-block-end:clamp(3rem,6vw,5rem)}.blog-icon-wrapper{justify-content:center;align-items:center;margin-block-end:clamp(1.5rem,3vw,2.5rem);display:flex}.blog-icon{color:#0083c8;color:color(display-p3 .0432169 .502963 .80322);color:lab(50.8557% -12.975 -52.4898);filter:drop-shadow(0 4px 12px #0083c84d);filter:drop-shadow(0 4px 12px color(display-p3 .0432169 .502963 .80322/.3));filter:drop-shadow(0 4px 12px lab(50.8557% -12.975 -52.4898/.3));justify-content:center;align-items:center;width:48px;height:48px;display:flex}.blog-icon svg{width:100%;height:100%;display:block}.blog-eyebrow{margin-block-end:1rem}.blog-badge{color:#fff;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,#0083c8 0%,#00649d 100%);background:linear-gradient(135deg,color(display-p3 .0432169 .502963 .80322) 0%,color(display-p3 -.134887 .382105 .674722) 100%);background:linear-gradient(135deg,lab(50.8557% -12.975 -52.4898) 0%,lab(39.0843% -9.20755 -52.2098) 100%);border-radius:2rem;align-items:center;gap:.5rem;width:-moz-fit-content;width:fit-content;padding-block-start:.5rem;padding-block-end:.5rem;padding-inline-start:1.25rem;padding-inline-end:1.25rem;font-size:clamp(.75rem,2vw,.8125rem);font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #00649d40,0 2px 8px #00649d26;box-shadow:0 4px 16px color(display-p3 -.134887 .382105 .674722/.25),0 2px 8px color(display-p3 -.134887 .382105 .674722/.15);box-shadow:0 4px 16px lab(39.0843% -9.20755 -52.2098/.25),0 2px 8px lab(39.0843% -9.20755 -52.2098/.15)}.blog-badge:before{content:"";background:linear-gradient(90deg,#0000 0%,#fff3 50%,#0000 100%);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.blog-header:hover .blog-badge:before{left:100%}.blog-badge svg{z-index:1;flex-shrink:0;width:20px;height:20px;position:relative}[dir=rtl] .blog-badge,[lang=ar] .blog-badge{font-family:var(--font-sans-ar),sans-serif;letter-spacing:0;text-transform:none;font-weight:700}.blog-heading{color:#0f172a;letter-spacing:-.02em;margin-block-start:0;margin-block-end:1rem;font-size:clamp(2rem,4vw + .5rem,3rem);font-weight:800;line-height:1.15}.blog-subheading{color:#64748b;max-width:700px;margin-block-start:0;margin-block-end:0;margin-inline-start:auto;margin-inline-end:auto;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:clamp(1.5rem,4vw,2.5rem);margin-block-end:clamp(2.5rem,5vw,4rem);display:grid}@media (min-width:768px){.blog-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}}@media (min-width:1200px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{will-change:transform;background:#fff;border-radius:1.25rem;flex-direction:column;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.blog-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #0000000a}.blog-card:focus-within{outline-offset:4px;outline:3px solid #3b82f6}.blog-card-link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.blog-card-link:focus{outline:none}.blog-card-image-container{aspect-ratio:16/11;width:100%;position:relative;overflow:hidden}.blog-card-image-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.blog-card-image{object-fit:cover;object-position:center;will-change:transform;width:100%;height:100%;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.blog-card:hover .blog-card-image{transform:scale(1.1)}.blog-card-category{top:1rem;z-index:1;position:absolute}.blog-card-category:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:1rem}.blog-card-category:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:1rem}.blog-card-category:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:1rem}.blog-card-category:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:1rem}.category-badge{-webkit-backdrop-filter:blur(8px);color:#3b82f6;text-transform:uppercase;letter-spacing:.05em;background:#fffffff2;border-radius:.5rem;padding-block-start:.5rem;padding-block-end:.5rem;padding-inline-start:1rem;padding-inline-end:1rem;font-size:.75rem;font-weight:700;display:inline-block;box-shadow:0 4px 12px #0000001a}.blog-card-content{flex-direction:column;flex:1;gap:.875rem;padding:clamp(1.25rem,3vw,1.75rem);display:flex}.blog-card-meta{color:#64748b;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.blog-card-date,.blog-card-read-time{font-weight:500}.meta-separator{opacity:.5}.blog-card-title{color:#0f172a;letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:700;line-height:1.35;transition:color .3s;display:-webkit-box;overflow:hidden}.blog-card:hover .blog-card-title{color:#3b82f6}.blog-card-excerpt{color:#475569;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:clamp(.9375rem,2vw,1rem);line-height:1.65;display:-webkit-box;overflow:hidden}.blog-card-footer{margin-block-start:auto;padding-block-start:.5rem}.blog-card-read-more{color:#3b82f6;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;transition:gap .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.blog-card:hover .blog-card-read-more{gap:.75rem}.read-more-icon{width:1.25rem;height:1.25rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.blog-card:hover .read-more-icon{transform:translate(4px)}[dir=rtl] .blog-card:hover .read-more-icon{transform:translate(-4px)}.blog-cta{justify-content:center;align-items:center;margin-block-start:clamp(1rem,3vw,2rem);display:flex}@media (max-width:767px){.blog-section{padding-block-start:clamp(3rem,8vw,5rem);padding-block-end:clamp(3rem,8vw,5rem)}.blog-grid{grid-template-columns:1fr;gap:2rem}.blog-card-content{padding:1.25rem}}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card-image,.blog-card-title,.blog-card-read-more,.read-more-icon,.blog-cta-button,.cta-button-icon{transition:none}.blog-card:hover,.blog-card:hover .blog-card-image,.blog-cta-button:hover{transform:none}}@media print{.blog-section{background:#fff;padding-block-start:2rem;padding-block-end:2rem}.blog-card{break-inside:avoid;box-shadow:none;border:1px solid #e2e8f0}.blog-cta{display:none}}
