.bg{--deep:#064650;--teal:#56a3a6;--lime:#87d300;--sur:#f4f9f9;--brd:#d4e6e6;--txt:#12343b;--muted:#6d8790;color:var(--txt);font-family:Manrope,sans-serif}body.bg-page{background:radial-gradient(ellipse at 96% 4%,rgba(135,211,0,.14) 0,transparent 32%),radial-gradient(ellipse at 4% 72%,rgba(86,163,166,.09) 0,transparent 28%),linear-gradient(180deg,#eff7f7,#eaf3f3);min-height:100vh}.bg-wrap{margin:0 auto;max-width:1520px;padding:120px 48px 96px}.bg-hero{align-items:stretch;display:grid;gap:20px;grid-template-columns:1fr 1.15fr;margin-bottom:48px}.bg-hero-panel{background:radial-gradient(ellipse at 90% 10%,rgba(135,211,0,.22) 0,transparent 42%),linear-gradient(148deg,#053a43 0,var(--deep) 100%);border-radius:22px;display:flex;flex-direction:column;gap:18px;justify-content:center;min-height:340px;overflow:hidden;padding:50px 44px;position:relative}.bg-hero-panel:after{background:rgba(86,163,166,.1);border-radius:50%;bottom:-60px;content:"";height:260px;left:-60px;pointer-events:none;position:absolute;width:260px}.bg-kicker{align-items:center;background:rgba(135,211,0,.16);border:1px solid rgba(135,211,0,.32);border-radius:999px;color:#9fd920;display:inline-flex;font-size:.72rem;font-weight:800;gap:8px;letter-spacing:.12em;padding:7px 16px;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.bg-hero-h1{color:#fff;font-size:clamp(1.9rem,3.6vw,3rem);font-weight:800;line-height:1.14;margin:0}.bg-hero-h1 em{color:#9fd920;font-style:normal}.bg-hero-desc{color:hsla(0,0%,100%,.72);font-size:.96rem;line-height:1.76;margin:0;max-width:48ch}.bg-hero-stats{display:flex;gap:28px;padding-top:6px}.bg-hero-stat strong{color:#9fd920;display:block;font-size:1.5rem;font-weight:800;line-height:1}.bg-hero-stat span{color:hsla(0,0%,100%,.52);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.bg-featured{background:#fff;border:1px solid rgba(6,70,80,.08);border-radius:22px;box-shadow:0 24px 60px rgba(6,70,80,.1),0 4px 16px rgba(6,70,80,.05);display:flex;flex-direction:column;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}.bg-featured,.bg-featured:hover{color:inherit;text-decoration:none}.bg-featured:hover{box-shadow:0 32px 72px rgba(6,70,80,.13);transform:translateY(-4px)}.bg-featured-img{background:linear-gradient(135deg,var(--deep),var(--teal));flex-shrink:0;height:280px;overflow:hidden;position:relative}.bg-featured-img:after{background:linear-gradient(180deg,transparent 40%,rgba(6,70,80,.45));content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.bg-featured-img img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease;width:100%}.bg-featured:hover .bg-featured-img img{transform:scale(1.06)}.bg-badge{align-items:center;background:linear-gradient(135deg,#a3e800,#87d300);border-radius:999px;box-shadow:0 6px 20px rgba(135,211,0,.55),0 2px 6px rgba(6,70,80,.08);color:var(--deep);display:inline-flex;font-size:.68rem;font-weight:900;gap:6px;left:14px;letter-spacing:.08em;padding:6px 13px 6px 10px;position:absolute;text-transform:uppercase;top:14px;z-index:2}.bg-featured-body{display:flex;flex:1;flex-direction:column;gap:10px;padding:26px 28px 30px}.bg-cat{align-items:center;color:var(--teal);display:inline-flex;font-size:.72rem;font-weight:800;gap:6px;letter-spacing:.08em;text-transform:uppercase}.bg-cat:before{background:var(--teal);border-radius:50%;content:"";display:block;flex-shrink:0;height:6px;width:6px}.bg-featured-title{color:var(--deep);font-size:1.42rem;font-weight:900;letter-spacing:-.01em;line-height:1.24;margin:0}.bg-featured-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--muted);display:-webkit-box;flex:1;font-size:.88rem;line-height:1.7;overflow:hidden}.bg-img-pill{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(6,70,80,.68);border:1px solid hsla(0,0%,100%,.18);border-radius:999px;bottom:14px;color:#fff;display:inline-flex;gap:7px;position:absolute;white-space:nowrap;z-index:2}.bg-author-img{left:14px;max-width:calc(100% - 175px);padding:5px 12px 5px 5px}.bg-author-img-ring{background:linear-gradient(135deg,#064650,#56a3a6,#87d300);border-radius:50%;flex-shrink:0;height:28px;padding:2px;width:28px}.bg-author-img-circle{align-items:center;background:linear-gradient(135deg,#064650,#56a3a6);border-radius:50%;color:#fff;display:flex;font-size:.64rem;font-weight:800;height:100%;justify-content:center;overflow:hidden;width:100%}.bg-author-img-circle img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.bg-author-img-info{display:flex;flex-direction:column;gap:1px;min-width:0;overflow:hidden}.bg-author-img-name{font-size:.71rem;font-weight:700}.bg-author-img-name,.bg-author-img-role{line-height:1.2;overflow:hidden;text-overflow:ellipsis}.bg-author-img-role{color:hsla(0,0%,100%,.62);font-size:.61rem;font-weight:500}.bg-reading{font-size:.71rem;font-weight:700;padding:6px 12px;right:14px}.bg-reading i{color:#9fd920}.bg-featured-foot{border-top:1px solid rgba(6,70,80,.07);padding-top:16px}.bg-featured-foot-bottom{align-items:center;display:flex;gap:10px;justify-content:space-between}.bg-pub-date{align-items:center;color:var(--deep);display:flex;font-size:.74rem;font-weight:600;gap:8px}.bg-pub-date-ico{background:linear-gradient(135deg,rgba(135,211,0,.18),rgba(86,163,166,.14));border:1px solid rgba(86,163,166,.22);border-radius:7px;color:var(--teal);font-size:.66rem;height:26px;justify-content:center;width:26px}.bg-pub-date-ico,.bg-read-more{align-items:center;display:inline-flex;flex-shrink:0}.bg-read-more{background:linear-gradient(135deg,#a3e800,#87d300);border-radius:999px;color:var(--deep);font-size:.8rem;font-weight:700;gap:8px;letter-spacing:.01em;padding:10px 20px;transition:box-shadow .2s,transform .2s}.bg-featured:hover .bg-read-more{box-shadow:0 8px 22px rgba(135,211,0,.45);transform:translateY(-1px)}.bg-read-more i{transition:transform .2s}.bg-featured:hover .bg-read-more i{transform:translateX(3px)}.bg-filters{align-items:center;display:flex;gap:10px;margin-bottom:32px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.bg-filters::-webkit-scrollbar{display:none}.bg-pill{align-items:center;background:hsla(0,0%,100%,.88);border:1.5px solid rgba(6,70,80,.14);border-radius:999px;color:var(--muted);cursor:pointer;display:inline-flex;font-family:Manrope,sans-serif;font-size:.79rem;font-weight:700;gap:7px;line-height:1;padding:9px 18px;transition:all .16s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.bg-pill:hover{background:rgba(86,163,166,.07);border-color:var(--teal);color:var(--deep)}.bg-pill.is-active{background:linear-gradient(135deg,var(--deep),var(--teal));border-color:transparent;box-shadow:0 8px 22px rgba(6,70,80,.2);color:#fff}.bg-pill-n{align-items:center;background:rgba(6,70,80,.1);border-radius:999px;color:var(--deep);display:inline-flex;font-size:.68rem;font-weight:800;height:19px;justify-content:center;min-width:19px;padding:0 5px}.bg-pill.is-active .bg-pill-n{background:hsla(0,0%,100%,.2);color:#fff}.bg-section-row{align-items:center;display:flex;gap:14px;margin-bottom:24px}.bg-section-title{color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.bg-section-line{background:rgba(6,70,80,.09);flex:1;height:1px}.bg-clear-filter{align-items:center;background:rgba(86,163,166,.1);border:1px solid rgba(86,163,166,.25);border-radius:999px;color:var(--deep);display:inline-flex;font-size:.72rem;font-weight:700;gap:5px;padding:4px 12px;text-decoration:none;transition:all .14s;white-space:nowrap}.bg-clear-filter:hover{background:var(--teal);border-color:transparent;color:#fff;text-decoration:none}.bg-grid{display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}.bg-card{background:hsla(0,0%,100%,.9);border:1px solid rgba(6,70,80,.08);border-radius:18px;box-shadow:0 10px 28px rgba(6,70,80,.06);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.bg-card,.bg-card:hover{color:inherit;text-decoration:none}.bg-card:hover{box-shadow:0 28px 56px rgba(6,70,80,.13),0 4px 14px rgba(6,70,80,.07);transform:translateY(-6px)}.bg-card[data-hide="1"]{display:none}.bg-card-img{aspect-ratio:16/9;background:linear-gradient(135deg,rgba(6,70,80,.07),rgba(86,163,166,.15));flex-shrink:0;overflow:hidden;position:relative}.bg-card-img:after{background:linear-gradient(180deg,transparent 45%,rgba(6,70,80,.38));content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.bg-card-img img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;width:100%}.bg-card:hover .bg-card-img img{transform:scale(1.06)}.bg-card-img-empty{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.bg-card-body{display:flex;flex:1;flex-direction:column;gap:8px;padding:20px 22px 22px}.bg-card-title{color:var(--deep);font-size:.98rem;font-weight:800;line-height:1.36;margin:0}.bg-card-desc,.bg-card-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.bg-card-desc{color:var(--muted);flex:1;font-size:.82rem;line-height:1.65}.bg-card-foot{border-top:1px solid rgba(6,70,80,.07);justify-content:space-between;margin-top:auto;padding-top:14px}.bg-card-foot,.bg-card-meta{align-items:center;display:flex}.bg-card-meta{color:var(--muted);font-size:.74rem;font-weight:500;gap:8px}.bg-card-arrow{align-items:center;border:1.5px solid rgba(86,163,166,.38);border-radius:50%;color:var(--teal);display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all .16s ease;width:30px}.bg-card:hover .bg-card-arrow{background:linear-gradient(135deg,var(--teal),var(--lime));border-color:transparent;color:#fff}.bg-card--extra{display:none}.bg-more-wrap{display:flex;justify-content:center;padding:20px 0 6px}.bg-more-btn{align-items:center;background:hsla(0,0%,100%,.92);border:1.5px solid rgba(6,70,80,.14);border-radius:999px;box-shadow:0 2px 10px rgba(6,70,80,.07);color:#064650;cursor:pointer;display:inline-flex;font-family:Manrope,sans-serif;font-size:.82rem;font-weight:700;gap:9px;padding:12px 28px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s}.bg-more-btn:hover{background:rgba(86,163,166,.07);border-color:#56a3a6;box-shadow:0 6px 20px rgba(6,70,80,.1)}.bg-more-count{color:#6d8790;font-weight:500}.bg-more-chevron{transition:transform .22s}.bg-empty{background:hsla(0,0%,100%,.9);border:1px solid rgba(6,70,80,.08);border-radius:18px;grid-column:1/-1;padding:72px 32px;text-align:center}.bg-empty-ico{align-items:center;background:linear-gradient(135deg,var(--deep),var(--teal));border-radius:14px;color:#fff;display:flex;font-size:1.4rem;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.bg-empty h2{color:var(--deep);font-size:1.05rem;font-weight:800;margin:0 0 8px}.bg-empty p{color:var(--muted);font-size:.86rem;margin:0}.bg-no-result{color:var(--muted);display:none;font-size:.9rem;grid-column:1/-1;padding:52px 16px;text-align:center}.bg-no-result.show{display:block}.bg-outer{align-items:start;display:grid;gap:32px;grid-template-columns:minmax(0,1fr) 350px}.bg-left{min-width:0}@media (max-width:1200px){.bg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1080px){.bg-hero,.bg-outer{grid-template-columns:1fr}.bg-hero-panel{min-height:auto}}@media (max-width:900px){.bg-wrap{padding:110px 24px 64px}}@media (max-width:640px){.bg-wrap{padding:100px 16px 64px}.bg-hero-panel{padding:32px 22px}.bg-hero-h1{font-size:1.7rem}.bg-grid{grid-template-columns:1fr}.bg-hero-stats{gap:18px}.bg-hero-desc{font-size:.88rem}}@keyframes blHeroIn{0%{opacity:0;transform:scale(.98) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes blFadeIn{0%{opacity:0}to{opacity:1}}.bg-hero-panel{animation:blHeroIn .9s cubic-bezier(.22,1,.36,1) both}.bg-featured{animation:blFadeIn .9s cubic-bezier(.22,1,.36,1) .18s both}@keyframes blGreenPulse{0%,to{filter:drop-shadow(0 0 0 rgba(135,211,0,0))}50%{filter:drop-shadow(0 0 12px rgba(135,211,0,.65))}}.bg-read-more{animation:blGreenPulse 4.5s ease-in-out infinite}.bg-badge{animation:blGreenPulse 4.5s ease-in-out 1.5s infinite}.bg-featured:hover .bg-badge,.bg-featured:hover .bg-read-more{animation-play-state:paused}
