body.majal-locked{overflow:hidden}
body.majal-locked>:not(#majal-login):not(script):not(style):not(link){visibility:hidden!important;pointer-events:none!important}
#majal-login{position:fixed;inset:0;z-index:2147483600;overflow:auto;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at 10% 10%,#2b646b77,transparent 50%),radial-gradient(ellipse at 95% 90%,#42877c55,transparent 55%),#0b303a;font-family:Cairo,Tahoma,sans-serif;transition:opacity .45s;isolation:isolate}
#majal-login::before{content:'';position:absolute;inset:0;opacity:.11;background-image:radial-gradient(#b6d7ce 1px,transparent 1px);background-size:26px 26px;z-index:-1;pointer-events:none}
.login-shell{width:min(1030px,100%);position:relative}
.login-brand{text-align:center;color:#fff;margin:0 0 22px}.login-logo{font-family:Ruqaa,Cairo,serif;font-size:76px;line-height:1.4;letter-spacing:-3px}.login-credit{font:11px Arial,sans-serif;letter-spacing:2.7px;color:#9ebfc0;margin-top:3px}
.login-card{display:grid;grid-template-columns:1fr 1.06fr;direction:ltr;overflow:hidden;border:1px solid #ffffff30;box-shadow:0 35px 100px #00151c55;border-radius:26px;background:#fbfaf5}
.login-stage{background:#e8f0e9;position:relative;min-height:455px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-top:65px;overflow:hidden}
.login-stage::before{content:'';position:absolute;width:300px;height:300px;bottom:25px;left:65px;background:#d5e6d8;border-radius:50%}
.login-stage > svg{position:relative;width:100%;max-width:430px;height:auto;display:block;overflow:visible}
.guard-bubble{position:absolute;top:28px;left:30px;right:30px;padding:14px 18px;border:1px solid #cbdacf;border-radius:17px 17px 17px 3px;background:#fffef9;color:#19444b;font-size:17px;font-weight:800;text-align:center;line-height:1.8;direction:rtl;min-height:62px;z-index:2;transition:color .25s,background .25s;box-shadow:0 5px 15px #31473306}
.guard-bubble::after{content:'';position:absolute;bottom:-9px;left:67px;width:15px;height:15px;border-right:1px solid #cbdacf;border-bottom:1px solid #cbdacf;background:inherit;transform:rotate(45deg)}
.login-form-side{direction:rtl;display:flex;flex-direction:column;justify-content:center;padding:48px 42px;background:#fbfaf5}
.login-kicker{display:flex;align-items:center;gap:8px;color:#778b80;font-size:11px;letter-spacing:.2px;margin-bottom:13px}.login-dot{width:7px;height:7px;border-radius:50%;background:#6c9775}
.login-form-side h1{color:#143d45;font-size:29px;line-height:1.7;margin:0 0 6px;letter-spacing:-.5px}.login-lead{color:#79877d;font-size:12px;line-height:2;margin-bottom:26px}
#majal-login label{color:#3b5b57;font-size:12px;font-weight:700;margin-bottom:9px}.login-password-wrap{position:relative}.login-password-wrap input{height:55px;background:white;border:1px solid #d0dad1;border-radius:12px;color:#173c43;font-size:20px;letter-spacing:5px;padding:10px 15px 10px 56px;direction:ltr;text-align:center;transition:border-color .2s,box-shadow .2s}
#majal-login input:focus{outline:none;border-color:#63928b;box-shadow:0 0 0 4px #7ba99b20}
#majal-login #login-reveal{position:absolute;left:5px;top:6px;width:42px;height:43px;display:grid;place-items:center;padding:9px;border:0;background:transparent;color:#69867d;border-radius:9px}
#login-reveal svg{width:22px;height:22px}.login-enter{width:100%;background:#104a50!important;color:#fff!important;border:0!important;border-radius:12px!important;padding:15px!important;margin-top:14px;font-size:13px;font-weight:800;box-shadow:0 5px 13px #104a5015;transition:transform .2s,background .2s}
.login-enter:hover{background:#176069!important;transform:translateY(-1px)}.login-enter:disabled{opacity:.65;cursor:wait;transform:none}
#login-status{font-size:11px;min-height:45px;color:#8c5445;line-height:1.8;margin-top:12px;white-space:pre-wrap}.login-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e1e7dd;padding-top:17px;margin-top:6px;color:#9aa59c;font-size:10px}.login-exit{padding:5px 0!important;border:0!important;background:transparent!important;font-size:11px;color:#76847c!important}.login-foot{text-align:center;color:#8cafac;font-size:10px;margin-top:20px}
.guard-arm{transition:transform .11s ease-out}.guard-front-gun,.guard-wave,.guard-dropped,.guard-sweat,.guard-cheek{opacity:0;transition:opacity .22s}.guard-eye-left,.guard-eye-right,.guard-brow-left,.guard-brow-right{transform-box:fill-box;transform-origin:center;transition:transform .25s}.guard-smile{transition:d .25s}
#majal-login[data-state=wrong] .guard-bubble{color:#895243;background:#fff6ed;border-color:#e1c7af}
#majal-login[data-state=wrong] .guard-held-gun{opacity:0}#majal-login[data-state=wrong] .guard-front-gun{opacity:1}
#majal-login[data-state=wrong] .guard-brow-left{transform:rotate(18deg)}#majal-login[data-state=wrong] .guard-brow-right{transform:rotate(-18deg)}
#majal-login[data-state=wrong] .login-password-wrap{animation:login-shake .3s ease-in-out}#majal-login[data-state=wrong] #login-password{border-color:#bc7c60}
#majal-login[data-expression=suspicious] .guard-eye-left{transform:scaleY(.45)}#majal-login[data-expression=surprised] .guard-brow-left{transform:translateY(-8px) rotate(-12deg)}#majal-login[data-expression=surprised] .guard-eye-right{transform:scale(1.25)}
#majal-login[data-expression=confused] .guard-brow-left{transform:translateY(-6px) rotate(-16deg)}#majal-login[data-expression=confused] .guard-sweat{opacity:1}#majal-login[data-expression=stern] .guard-eye-left,#majal-login[data-expression=stern] .guard-eye-right{transform:scaleY(.7)}
#majal-login[data-state=success] .guard-bubble{background:#edf8e9;color:#356343}#majal-login[data-state=success] .guard-held-gun{opacity:0}#majal-login[data-state=success] .guard-wave{opacity:1;animation:guard-wave .4s ease-in-out infinite alternate;transform-box:view-box;transform-origin:244px 258px}#majal-login[data-state=success] .guard-dropped{opacity:1;animation:guard-drop .85s cubic-bezier(.3,.01,.7,1) both;transform-box:fill-box;transform-origin:center}
#majal-login[data-state=success] .guard-arm{opacity:0}#majal-login[data-state=success] .guard-cheek{opacity:.55}#majal-login[data-state=success] .guard-brow-left,#majal-login[data-state=success] .guard-brow-right{transform:translateY(-3px)}
#majal-login[data-expression=wink] .guard-eye-right{transform:scaleY(.15)}#majal-login[data-expression=grin] .guard-eye-left,#majal-login[data-expression=grin] .guard-eye-right{transform:scaleY(.4)}
#majal-login[data-pose=salute] .guard-wave{animation:guard-salute .55s ease-in-out infinite alternate;transform-origin:244px 258px}#majal-login[data-pose=excited] .guard-wave{animation-duration:.25s}
.guard-torso{animation:guard-breathe 3.5s ease-in-out infinite;transform-origin:220px 340px}.login-entering{opacity:0;pointer-events:none}
@keyframes guard-breathe{50%{transform:translateY(-2px)}}@keyframes guard-wave{from{transform:rotate(-10deg)}to{transform:rotate(14deg)}}@keyframes guard-salute{from{transform:rotate(-30deg)}to{transform:rotate(-20deg)}}@keyframes guard-drop{0%{transform:translate(0,0) rotate(-12deg)}60%{transform:translate(30px,130px) rotate(170deg)}85%{transform:translate(33px,114px) rotate(192deg)}100%{transform:translate(34px,130px) rotate(195deg)}}@keyframes login-shake{25%,75%{transform:translateX(-5px)}50%{transform:translateX(5px)}}
@media(max-width:750px){#majal-login{padding:18px}.login-brand{margin-bottom:12px}.login-logo{font-size:60px}.login-card{grid-template-columns:1fr}.login-stage{min-height:285px;padding-top:30px}.login-stage > svg{width:270px;height:270px;margin-top:20px}.guard-bubble{top:15px;left:20px;right:20px;font-size:14px;min-height:50px;padding:10px 15px}.login-form-side{padding:27px}.login-form-side h1{font-size:24px}.login-lead{margin-bottom:15px}.login-foot{margin-top:12px}}
@media(prefers-reduced-motion:reduce){#majal-login *,#majal-login{animation:none!important;transition:none!important}.guard-dropped{transform:translate(34px,130px) rotate(195deg)}.guard-arm{transition:none}}
@media print{body.majal-locked>*{display:none!important}#majal-login{display:none!important}}
#majal-login{align-items:safe center;justify-items:center}
@media(max-height:800px) and (min-width:751px){#majal-login{padding:18px}.login-logo{font-size:50px}.login-brand{margin-bottom:12px}.login-form-side{padding:27px 38px}.login-form-side h1{font-size:24px}.login-lead{margin-bottom:16px}#login-status{min-height:35px}.login-stage{min-height:420px}.login-foot{margin-top:13px}}

/* 2.12: author card, replacing the soldier. */
.login-stage{justify-content:center;transition:background .35s;background:#e5eee7;padding:115px 25px 40px;direction:rtl}.login-stage::before{display:none}.author32{position:relative;text-align:center;color:#173f39;z-index:1}.author32-powered{font:17px Cairo,Tahoma,sans-serif;letter-spacing:0;margin-bottom:48px}.author32-made{font:16px Cairo,Tahoma,sans-serif}.author32-name{font:64px Ruqaa,Cairo,serif;line-height:1.8}.guard-bubble{top:22px;font-size:15px}.guard-bubble::after{display:none}#majal-login[data-state="wrong"] .login-stage{background:#7f1d2d}#majal-login[data-state="wrong"] .author32{color:#fff1f2}#majal-login[data-state="success"] .login-stage{background:#d3ebd9}@media(prefers-reduced-motion:reduce){.login-stage{transition:none}}