.adib-hero-banner{--hero-band-top:#1a4a92;--hero-band-bottom:#0e336a;--hero-band-height:175px;--hero-cutout:var(--background,#fff);--hero-cutout-height:50px;--hero-cutout-offset:75px;--hero-cover-frame:#ccc2b8;box-sizing:border-box;width:100%;display:block;position:relative}.adib-hero-banner__hero{position:relative}.adib-hero-banner__band{height:var(--hero-band-height);background:linear-gradient(180deg, var(--hero-band-top) 0%, var(--hero-band-bottom) 100%);z-index:0;position:absolute;inset:0 0 auto}.adib-hero-banner__hero:after{content:"";inset:auto 0 var(--hero-cutout-offset) 0;height:var(--hero-cutout-height);background:var(--hero-cutout);z-index:0;pointer-events:none;border-radius:0 20px 0 0;position:absolute}.adib-hero-banner--loading .adib-hero-banner__hero:after{display:none}.adib-hero-banner__inner{z-index:1;flex-direction:column;padding:18px;display:flex;position:relative}.adib-hero-banner__body{flex-direction:row;align-items:stretch;gap:18px;margin-top:10px;display:flex}.adib-hero-banner__main{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.adib-hero-banner__title-bar{flex-direction:row;align-items:center;gap:12px;width:100%;display:flex}.adib-hero-banner__back-btn{color:#fff;cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;font-size:1.35rem;line-height:1;text-decoration:none;transition:opacity .2s,transform .15s;display:inline-flex}.adib-hero-banner__back-btn:hover{opacity:.85;transform:scale(1.05)}.adib-hero-banner__back-btn:active{transform:scale(.95)}.adib-hero-banner__back-btn:focus-visible{outline-offset:4px;border-radius:6px;outline:2px solid #fff}.adib-hero-banner__title{color:#fff;margin:0;font-size:1.05rem;font-weight:700;line-height:1.5}.adib-hero-banner__breadcrumbs{width:100%}.adib-hero-banner__breadcrumb-list{color:#fff;flex-wrap:nowrap;align-items:center;gap:.4rem;min-width:0;margin:0;padding:0;font-size:1.02rem;font-weight:700;line-height:1.5;list-style:none;display:flex}.adib-hero-banner__breadcrumb-item{align-items:center;gap:.4rem;min-width:0;display:inline-flex}.adib-hero-banner__breadcrumb-sep{color:#9fb4dd;flex:none;align-items:center;font-size:1.3rem;display:inline-flex}.adib-hero-banner__breadcrumb-link,.adib-hero-banner__breadcrumb-label,.adib-hero-banner__breadcrumb-current{color:#fff;overflow-wrap:anywhere;min-width:0}.adib-hero-banner__breadcrumb-link{text-decoration:none;transition:opacity .2s}.adib-hero-banner__breadcrumb-link:hover{opacity:.85;text-decoration:underline}.adib-hero-banner__breadcrumb-link:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #fff}.adib-hero-banner__meta{flex-direction:column;align-items:flex-start;gap:5px;margin-top:10px;display:flex}.adib-hero-banner__desc{color:#dbe4f5;margin:0 0 2px;font-size:.82rem;font-weight:500;line-height:1.45}.adib-hero-banner__stats{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.adib-hero-banner__stat-item{color:#bccbe8;flex-direction:row;align-items:center;gap:7px;font-size:.8rem;font-weight:500;display:flex}.adib-hero-banner__stat-icon{color:#9fb4dd;justify-content:center;align-items:center;font-size:1.05rem;line-height:1;display:inline-flex}.adib-hero-banner__stat-text{line-height:1.4}.adib-hero-banner__actions{flex-direction:column;gap:10px;width:100%;margin-top:auto;padding-top:32px;display:flex}.adib-hero-banner__btn{cursor:pointer;box-sizing:border-box;border:1.6px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;font-family:inherit;font-size:.875rem;font-weight:700;text-decoration:none;transition:filter .15s,background-color .15s,box-shadow .15s,transform .15s;display:inline-flex}.adib-hero-banner__btn svg,.adib-hero-banner__btn [class^=icon-],.adib-hero-banner__btn [class*=\ icon-]{font-size:1.15rem;line-height:1}.adib-hero-banner__btn:active{transform:scale(.985)}.adib-hero-banner__btn:focus-visible{outline-offset:2px;outline:2px solid #00298b}.adib-hero-banner__btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.adib-hero-banner__btn--subscribe{color:#fff;background:#00298b;border-color:#00298b;box-shadow:0 6px 16px #00298b38}.adib-hero-banner__btn--subscribe:hover{filter:brightness(1.08)}.adib-hero-banner__btn--subscribed{color:#1e3a8a;box-shadow:none;background:#bfdbfe;border-color:#bfdbfe}.adib-hero-banner__btn--subscribed:hover{background:#93c5fd;border-color:#93c5fd}.adib-hero-banner__btn--share{color:#00298b;background:0 0;border-color:#00298b}.adib-hero-banner__btn--share:hover{background:#00298b0f}.adib-hero-banner__cover{flex:0 0 170px;width:170px}.adib-hero-banner__cover-frame{background:var(--hero-cover-frame);box-sizing:border-box;border-radius:20px;padding:15px}.adib-hero-banner__cover-img{aspect-ratio:150/175;object-fit:contain;border-radius:12px;width:100%;height:auto;display:block}[data-theme=dark] .adib-hero-banner,.dark .adib-hero-banner{--hero-band-top:#153a73;--hero-band-bottom:#0b2447;--hero-cover-frame:#334155}[data-theme=dark] .adib-hero-banner__btn--share,.dark .adib-hero-banner__btn--share{color:#93c5fd;border-color:#3b82f6}[data-theme=dark] .adib-hero-banner__btn--share:hover,.dark .adib-hero-banner__btn--share:hover{background:#3b82f626}[data-theme=dark] .adib-hero-banner__btn:focus-visible,.dark .adib-hero-banner__btn:focus-visible{outline-color:#93c5fd}@keyframes adib-hero-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.adib-hero-banner__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.adib-hero-banner--loading .adib-hero-banner__skeleton-back{background:linear-gradient(90deg,#ffffff1a 25%,#fff3 50%,#ffffff1a 75%) 0 0/200% 100%;border-radius:50%;width:24px;height:24px;animation:1.5s infinite adib-hero-shimmer}.adib-hero-banner--loading .adib-hero-banner__skeleton-title{background:linear-gradient(90deg,#ffffff1a 25%,#fff3 50%,#ffffff1a 75%) 0 0/200% 100%;border-radius:6px;width:140px;height:20px;animation:1.5s infinite adib-hero-shimmer}.adib-hero-banner--loading .adib-hero-banner__skeleton-line{background:linear-gradient(90deg,#ffffff1a 25%,#fff3 50%,#ffffff1a 75%) 0 0/200% 100%;border-radius:4px;height:14px;animation:1.5s infinite adib-hero-shimmer}.adib-hero-banner--loading .adib-hero-banner__skeleton-line--desc{width:120px}.adib-hero-banner--loading .adib-hero-banner__skeleton-line--stat{width:90px}.adib-hero-banner--loading .adib-hero-banner__skeleton-cover{aspect-ratio:126/150;background:linear-gradient(90deg,#c4b5a0 25%,#d8ccb8 50%,#c4b5a0 75%) 0 0/200% 100%;border-radius:20px;width:100%;animation:1.5s infinite adib-hero-shimmer}.adib-hero-banner--loading .adib-hero-banner__skeleton-btn{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:12px;width:100%;height:40px;animation:1.5s infinite adib-hero-shimmer}@media (prefers-reduced-motion:reduce){.adib-hero-banner--loading *{animation:none!important}}