/* Transparent artwork and an animated perimeter light. */
@property --bn-orbit-angle { syntax:'<angle>'; initial-value:0deg; inherits:false; }
body .app .journey-hero .hero-copy .hero-official-logo,
body #bn-mastery-root .bn-logo{
 position:relative!important;isolation:isolate!important;background:transparent!important;
 border:0!important;box-shadow:none!important;border-radius:24px!important;
 overflow:visible!important;padding:14px!important;
}
body .app .journey-hero .hero-copy .hero-official-logo img,
body .app .brand-logo-new,body .app .compact-logo img,
body #bn-mastery-root .bn-logo img{
 background:transparent!important;border:0!important;box-shadow:none!important;
 filter:drop-shadow(0 3px 8px #e6c77940)!important;
}
body .app .brand-logo-new{padding:0!important}
body .app .journey-hero .hero-copy .hero-official-logo:before,
body #bn-mastery-root .bn-logo:before{
 content:""!important;display:block!important;position:absolute!important;inset:0!important;
 width:auto!important;height:auto!important;padding:2px!important;border-radius:inherit!important;
 background:conic-gradient(from var(--bn-orbit-angle),transparent 0deg,transparent 210deg,#b694e050 245deg,#f3d994 285deg,#fff5d1 310deg,transparent 350deg)!important;
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;
 -webkit-mask-composite:xor!important;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;mask-composite:exclude!important;
 transform:none!important;opacity:1!important;filter:none!important;
 animation:bnOrbitV8 4.5s linear infinite!important;pointer-events:none!important;z-index:3!important;
}
body .app .journey-hero .hero-copy .hero-official-logo:after,
body #bn-mastery-root .bn-logo:after{display:none!important}
@keyframes bnOrbitV8{to{--bn-orbit-angle:360deg}}
/* Explicit text/surface pairings avoid legacy inherited dark labels. */
body .app .topbar :is(.home-nav-button,.bn-mastery-nav),
body .app .topbar :is(.home-nav-button,.bn-mastery-nav) *,
body .app .topbar .brand-text-stack *,
body .app .journey-hero .hero-copy #baitunnahwi-title{color:#fff!important}
body .app .journey-hero .hero-copy .hero-summary,
body .app .journey-hero .hero-copy .hero-summary *{color:#edf7f3!important}
body .app .journey-hero .hero-copy .hero-welcome,
body .app .journey-hero .hero-copy .hero-welcome *{color:#ffe7ae!important}
body .app .journey-hero .hero-copy .journey-home-actions .btn.light,
body .app .journey-hero .hero-copy .journey-home-actions .btn.light *{
 background:transparent!important;color:#fff4d9!important;
}
body .app .journey-hero .hero-copy .hero-start,
body .app .journey-hero .hero-copy .hero-start *{color:#203c41!important}
body .app .reading-shell .step-track button.current,
body .app .reading-shell .step-track button.current *,
body .app .login-dialog .login-submit,
body .app .login-dialog .login-submit *,
body #bn-mastery-root .bn-tab.on,body #bn-mastery-root .bn-tab.on *,
body #bn-mastery-root .bn-pill-link.primary,body #bn-mastery-root .bn-pill-link.primary *,
body #bn-mastery-root .bn-kicker,body #bn-mastery-root .bn-kicker *{color:#fff!important}
body .app .footer{background:#194c49!important;color:#edf7f3!important}
body .app .footer *{color:#edf7f3!important}
body .app .reading-shell .step-track button:not(.current){color:#434359!important}
body .app .reading-shell .step-track button:disabled{opacity:1!important;background:#f1edf5!important;color:#686071!important;cursor:not-allowed!important}
body .app .reading-shell .step-track button:disabled *{color:#686071!important}
body .app .jh-key-row>span{color:#65536f!important}
body .app .jh-room-name,body .app .jh-room-name *,body .app .jh-room-status,body .app .jh-room-status *{color:#30364c!important}
body .app .topbar select{background:#fff!important;color:#243d41!important}
@media(prefers-reduced-motion:reduce){
 body .app .journey-hero .hero-copy .hero-official-logo:before,
 body #bn-mastery-root .bn-logo:before{animation:none!important;--bn-orbit-angle:45deg}
}
body #bn-mastery-root .bn-kicker,body #bn-mastery-root .bn-pill-link.primary{background:linear-gradient(120deg,#15584e,#126b55)!important}
