/* Bismillah typing intro — shared by homepage, admin login and guardian login */
html.intro-active, html.intro-active body{overflow:hidden!important}
html.intro-active body>*:not(#bismillah-intro){visibility:hidden!important}
#bismillah-intro{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 50% 38%,#123d4b 0%,#091d2c 48%,#050e19 100%);color:#f7fbff;opacity:1;visibility:visible;transition:opacity .75s ease,visibility .75s ease}
#bismillah-intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
#bismillah-intro .intro-glow{position:absolute;width:min(68vw,620px);aspect-ratio:1;border:1px solid #5ce1d52b;border-radius:50%;box-shadow:0 0 0 34px #5ce1d50b,0 0 0 75px #5ce1d507,0 0 90px #28bca522;pointer-events:none}
#bismillah-intro .intro-content{position:relative;text-align:center;max-width:900px;width:100%;animation:introRise .8s ease both}
#bismillah-intro .intro-kicker{font-family:Arial,sans-serif;font-size:11px;letter-spacing:4px;text-transform:uppercase;color:#8bbdbb;margin-bottom:24px}
#bismillah-intro .intro-arabic{min-height:1.8em;font-family:"Amiri","Noto Naskh Arabic","Traditional Arabic",serif;font-size:clamp(36px,7vw,76px);line-height:1.8;color:#f4d18c;text-shadow:0 0 28px #e8b85a38;direction:rtl;unicode-bidi:plaintext;white-space:nowrap}
#bismillah-intro .intro-cursor{display:inline-block;width:2px;height:.9em;margin-inline-start:7px;vertical-align:middle;background:#48ded0;animation:introBlink .8s steps(2,start) infinite}
#bismillah-intro .intro-rule{width:90px;height:2px;margin:18px auto 0;background:linear-gradient(90deg,transparent,#42d5c8,transparent)}
#bismillah-intro .intro-caption{margin-top:17px;color:#9bb8c4;font:600 11px/1.6 Arial,sans-serif;letter-spacing:3px;text-transform:uppercase}
@keyframes introBlink{to{visibility:hidden}}
@keyframes introRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#bismillah-intro .intro-content{animation:none}#bismillah-intro .intro-cursor{animation:none}}