/* ===== اعتماد Hero السبورة النهائي 2026 ===== */
.hero-visual{min-height:720px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;padding:22px 24px 26px!important}
.board-logo-card{position:relative!important;right:auto!important;left:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:min(340px,72%)!important;height:auto!important;aspect-ratio:1/1!important;margin:0 auto!important;border-radius:28px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 22px 52px rgba(0,0,0,.27)!important;z-index:4!important;flex:0 0 auto!important}
.board-logo-card img{width:100%!important;height:100%!important;object-fit:contain!important;padding:5px!important}
.teacher-thumb{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:132px!important;height:80px!important;margin:-2px auto 2px!important;border-radius:15px!important;overflow:hidden!important;border:1px solid rgba(255,215,120,.44)!important;box-shadow:0 10px 26px rgba(0,0,0,.22)!important;z-index:4!important;background:#0b2b4a!important;flex:0 0 auto!important}
.teacher-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;image-rendering:auto!important}
.screen-card.primary{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:min(94%,800px)!important;height:244px!important;margin:0 auto!important;border-radius:23px!important;overflow:hidden!important;border:1px solid rgba(25,213,230,.42)!important;background:#061b30!important;box-shadow:0 20px 48px rgba(0,0,0,.34),0 0 0 1px rgba(255,215,120,.08) inset!important;z-index:3!important;flex:0 0 auto!important}
.screen-card.primary img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#031427!important;display:block!important}
.screen-card.primary:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(110deg,transparent 34%,rgba(95,238,245,.17) 48%,rgba(255,215,120,.16) 52%,transparent 66%);transform:translateX(-140%);animation:whiteboardFrameGlint 8.5s ease-in-out infinite}
.screen-card.primary:after{content:"";position:absolute;inset:0;border-radius:22px;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(102,234,241,.16),inset 0 0 22px rgba(25,213,230,.05);z-index:3}
.screen-caption{position:absolute;left:14px;bottom:10px;z-index:4;padding:6px 10px;border-radius:999px;background:rgba(2,18,34,.78);border:1px solid rgba(25,213,230,.24);color:#dffbff;font:800 9px Cairo,Tajawal,sans-serif;backdrop-filter:blur(5px)}
.screen-card.secondary{display:none!important}.visual-note{display:none!important}
@keyframes whiteboardFrameGlint{0%,64%{transform:translateX(-140%);opacity:0}70%{opacity:.95}86%{transform:translateX(140%);opacity:.7}100%{transform:translateX(140%);opacity:0}}
@media(max-width:900px){.hero-visual{min-height:650px!important}.board-logo-card{width:min(320px,78%)!important}.screen-card.primary{height:215px!important}}
@media(max-width:620px){.hero-visual{min-height:590px!important;padding:18px 14px 20px!important}.board-logo-card{width:min(280px,84%)!important}.teacher-thumb{width:112px!important;height:68px!important}.screen-card.primary{width:100%!important;height:190px!important}.screen-caption{font-size:8px!important}}
@media(prefers-reduced-motion:reduce){.screen-card.primary:before{animation:none!important;display:none!important}}