/* School login 2027 — scoped; does not change the authenticated app. */
#auth.auth-page{--gold:#d8b36c;--deep:#101b46;--deep2:#172a61;min-height:100svh;display:grid;place-items:center;position:relative;isolation:isolate;padding:clamp(16px,3.5vw,50px);overflow:hidden;background:radial-gradient(ellipse at 16% 20%,#2f3f7d 0,transparent 52%),linear-gradient(138deg,#0a1235 0%,#152355 56%,#0e1a40 100%);font-family:Tahoma,Arial,sans-serif}
#auth .school-auth-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
#auth .school-auth-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111c48ac,#101b46cf),repeating-linear-gradient(90deg,transparent 0 64px,#d8b36c0a 65px 67px,transparent 68px 100px);opacity:.8}
#auth .school-auth-grid{position:absolute;bottom:0;left:0;right:0;height:18%;background:linear-gradient(0deg,#09112e,transparent)}
#auth .school-auth-arch{position:absolute;width:410px;height:590px;border:30px solid #b6a67713;border-bottom:0;border-radius:220px 220px 0 0;bottom:-220px;left:-120px;transform:rotate(-9deg)}
#auth .arch-two{width:300px;height:480px;left:190px;bottom:-220px;border-width:22px;opacity:.55}
#auth .school-auth-minaret{position:absolute;left:15%;bottom:12%;width:105px;height:260px;background:linear-gradient(90deg,#cdb67b19,#92713e04);clip-path:polygon(25% 0,75% 0,89% 100%,11% 100%);opacity:.7}
#auth .school-auth-minaret:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 16px,#d4b97620 17px 20px)}
#auth .school-auth-shell{width:min(1130px,100%);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);min-height:590px;box-shadow:0 35px 95px #02061f80;border:1px solid #ddc58c42;border-radius:24px;overflow:hidden;background:#142250}
#auth .school-auth-hero{padding:clamp(28px,4vw,63px);display:flex;flex-direction:column;color:#fff;min-width:0;position:relative;background:linear-gradient(135deg,#182862ee,#101c45eb);text-align:right;justify-content:center}
#auth .school-auth-hero:after{content:"";position:absolute;inset:auto 0 0 0;height:5px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
#auth .school-auth-government{display:flex;align-items:center;gap:14px;font-weight:800;color:#f5e7c6;font-size:clamp(12px,1.2vw,15px);margin-bottom:40px}
#auth .school-auth-government em{font-style:normal;color:#a7a7b9;margin:0 6px}
#auth .school-auth-flag{width:57px;height:35px;flex-shrink:0;display:grid;grid-template-rows:repeat(3,1fr);overflow:hidden;box-shadow:0 3px 13px #0006;border-radius:2px;transform-origin:left;animation:schoolFlagWave 5s ease-in-out infinite}
#auth .school-auth-flag i{display:grid;place-items:center;line-height:1;font-style:normal;font-size:7px;font-weight:900}
#auth .school-auth-flag i:first-child{background:#df2332}
#auth .school-auth-flag i:nth-child(2){background:#fff;color:#16753c}
#auth .school-auth-flag i:last-child{background:#111}
#auth .school-auth-label{font-size:12px;color:var(--gold);font-weight:800;letter-spacing:.1px;margin-bottom:13px}
#auth .school-auth-hero h2{font-size:clamp(29px,3.5vw,52px);font-weight:900;line-height:1.45;margin:0 0 16px;color:#fff}
#auth .school-auth-hero h2 span{color:var(--gold);display:block}
#auth .school-auth-hero>p{color:#d8dff0;line-height:2;max-width:460px;font-size:14px;margin:0 0 40px}
#auth .school-auth-identity{display:flex;align-items:center;gap:15px;padding:16px 0;border-top:1px solid #eddaaf40;max-width:460px}
#auth .school-auth-identity img{width:72px;height:72px;border-radius:50%;object-fit:contain;background:#fff;padding:4px;border:3px solid #d3b77b}
#auth .school-auth-identity strong{display:block;color:#fff;font-size:15px;margin-bottom:7px}
#auth .school-auth-identity small{color:#d1daeb;line-height:1.9;font-size:12px}
#auth .school-auth-signature{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:36px;font-size:11px;color:#b5c2dc}
#auth .school-auth-line{width:32px;height:1px;background:var(--gold)}
#auth form.login-card{width:auto;max-width:none;box-shadow:none;border:0;border-radius:0;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:clamp(28px,4vw,55px);background:#fff;min-width:0;color:#1b294c;text-align:right}
#auth .login-card .auth-brand{display:grid;justify-items:start;gap:10px;margin-bottom:12px}
#auth .login-card .auth-brand img{width:78px;height:78px;margin:0;object-fit:contain}
#auth .login-card .auth-kicker{font-size:11px;font-weight:800;color:#997332}
#auth .login-card .auth-brand h1{text-align:right;font-size:23px;color:#152651;line-height:1.6;margin:0}
#auth .login-card .auth-brand p{text-align:right;color:#7a8598;font-size:13px}
#auth .login-card .auth-greeting{font-size:17px;margin:4px 0 0;color:#182958}
#auth .login-card .auth-caption{text-align:right;font-size:12px;color:#7c8696;margin-bottom:3px}
#auth .login-card label{display:grid;gap:9px;min-width:0;font-size:13px;color:#364563;font-weight:800;flex:none}
#auth .login-card input{min-height:48px;border:1px solid #d3d9e4;border-radius:10px;background:#f9fafc;color:#132652;padding:12px 14px}
#auth .login-card input:focus{outline:3px solid #d8b36c44;border-color:#b99453;background:#fff}
#auth .login-card #login-submit{background:linear-gradient(100deg,#172657,#273d79);border-radius:10px;min-height:50px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:7px}
#auth .login-card #login-submit:hover{filter:brightness(1.13)}
#auth .login-card .auth-footnote{text-align:center;font-size:11px;color:#8290a4;line-height:1.8}
#auth .login-card .password-wrap{position:relative}
#auth .login-card .password-wrap input{padding-left:75px}
#auth .login-card .password-toggle{position:absolute;left:7px;top:50%;transform:translateY(-50%);width:auto;padding:6px 8px;font-size:11px;color:#44577b;background:transparent;border:0}
@keyframes schoolFlagWave{0%,100%{transform:perspective(130px) rotateY(-5deg)}50%{transform:perspective(130px) rotateY(9deg)}}
@media(max-width:790px){#auth.auth-page{padding:12px;display:block}#auth .school-auth-shell{display:flex;flex-direction:column;min-height:0;margin:auto;max-width:520px;border-radius:18px}#auth .school-auth-hero{padding:24px 28px 22px}#auth .school-auth-government{margin-bottom:17px}#auth .school-auth-hero h2{font-size:27px;margin-bottom:7px}#auth .school-auth-hero>p{font-size:12px;margin-bottom:13px}#auth .school-auth-identity{display:none}#auth .school-auth-signature{display:none}#auth form.login-card{padding:26px 25px;gap:12px}#auth .login-card .auth-brand img{width:57px;height:57px}#auth .login-card .auth-brand h1{font-size:19px}}
@media(prefers-reduced-motion:reduce){#auth .school-auth-flag{animation:none}}

/* Photographic heritage background; local asset optional until copied into assets. */
#auth.auth-page{background-image:linear-gradient(90deg,rgba(8,16,47,.61),rgba(8,16,47,.82)),url('assets/school-login-background.webp');background-position:center,center;background-size:cover,cover;background-repeat:no-repeat}
#auth .school-auth-scene{opacity:.3}
#auth .school-auth-shell{background:rgba(15,28,66,.92);box-shadow:0 30px 90px rgba(2,6,26,.65)}
#auth .school-auth-hero{background:linear-gradient(110deg,rgba(11,23,58,.78),rgba(13,26,65,.68));backdrop-filter:blur(2px)}
@media(max-width:790px){#auth.auth-page{background-position:center,35% center}#auth .school-auth-hero{background:rgba(15,29,68,.86)}}


/* V3 premium frosted glass treatment — login only */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
#auth.auth-page{font-family:'Cairo',Tahoma,Arial,sans-serif!important;background-image:linear-gradient(115deg,rgba(7,15,35,.38),rgba(8,15,34,.45)),url('assets/school-login-background.webp');background-size:cover;background-position:center;background-attachment:fixed}
#auth .school-auth-shell{width:min(865px,94vw);min-height:0;grid-template-columns:minmax(0,1.07fr) minmax(300px,.93fr);background:rgba(13,25,57,.40);border:1px solid rgba(244,226,188,.4);border-radius:24px;box-shadow:0 25px 85px rgba(2,8,25,.48);backdrop-filter:blur(19px) saturate(130%);-webkit-backdrop-filter:blur(19px) saturate(130%)}
#auth .school-auth-hero{padding:32px 35px;background:linear-gradient(145deg,rgba(12,28,67,.62),rgba(10,22,52,.38));backdrop-filter:none;justify-content:center}
#auth .school-auth-government{font-size:12px;margin-bottom:19px}
#auth .school-auth-hero h2{font-size:clamp(24px,2.6vw,35px);line-height:1.5;margin-bottom:9px}
#auth .school-auth-hero>p{font-size:12px;line-height:1.8;margin-bottom:17px}
#auth .school-auth-identity{padding:10px 0;gap:10px}
#auth .school-auth-identity img{width:52px;height:52px;aspect-ratio:1/1;object-fit:contain;flex:0 0 52px;border-radius:50%;padding:3px}
#auth .school-auth-identity strong{font-size:12px;margin-bottom:3px}
#auth .school-auth-identity small{font-size:10px}
#auth .school-auth-signature{padding-top:19px;font-size:10px}
#auth form.login-card{padding:30px 32px;gap:10px;background:rgba(247,250,255,.83);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%)}
#auth .login-card .auth-brand{gap:5px;margin-bottom:6px}
#auth .login-card .auth-brand img{width:54px;height:54px;aspect-ratio:1/1;object-fit:contain;border-radius:50%}
#auth .login-card .auth-brand h1{font-size:17px;line-height:1.5}
#auth .login-card .auth-brand p{font-size:11px}
#auth .login-card .auth-greeting{font-size:14px}
#auth .login-card .auth-caption{font-size:11px}
#auth .login-card label{font-size:12px;gap:5px}
#auth .login-card input{min-height:42px;font-size:13px;background:rgba(255,255,255,.69);border:1px solid rgba(143,156,179,.55);transition:border-color .2s,box-shadow .2s,background .2s}
#auth .login-card input:focus{background:#fff;box-shadow:0 0 0 3px rgba(211,173,104,.14)}
#auth .login-card #login-submit{min-height:44px;margin-top:3px;box-shadow:0 7px 17px rgba(13,31,69,.17);transition:transform .2s,box-shadow .2s,filter .2s}
#auth .login-card #login-submit:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(13,31,69,.23)}
#auth .login-card .auth-footnote{font-size:10px}
@media(max-width:790px){#auth.auth-page{background-attachment:scroll;background-position:40% center}#auth .school-auth-shell{width:min(450px,100%)}#auth .school-auth-hero{padding:20px 23px 15px}#auth .school-auth-government{margin-bottom:11px}#auth .school-auth-hero h2{font-size:23px}#auth .school-auth-hero>p{margin-bottom:0;font-size:11px}#auth form.login-card{padding:24px 23px;gap:10px}}
@media(prefers-reduced-motion:reduce){#auth .login-card input,#auth .login-card #login-submit{transition:none!important}}