/* css/eblogin.css */
:root{--bg-main:#fff;--bg-card:#f8fafc;--border-color:#e2e8f0;--navy-primary:#0f172a;--navy-hover:#1e293b;--text-main:#0f172a;--text-muted:#475569;--yellow-accent:#facc15;--yellow-hover:#eab308}
*{box-sizing:border-box;margin:0;padding:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}
body{background-color:var(--bg-main);color:var(--text-main);display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}
.pwa-splash{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#0f172a;transition:opacity .45s ease,visibility .45s ease}.pwa-splash.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.pwa-splash-inner{text-align:center;color:#fff;animation:pwaLogoIn .85s cubic-bezier(.2,.8,.2,1) both}.pwa-splash-logo{font-size:32px;font-weight:800;letter-spacing:.12em;border-bottom:5px solid #facc15;display:inline-block;padding-bottom:6px;animation:pwaSettle .9s .08s cubic-bezier(.2,.8,.2,1) both}.pwa-splash-tagline{margin:18px 0 0;color:#cbd5e1;font-size:13px;letter-spacing:.04em}.pwa-splash-loader{width:52px;height:3px;margin:26px auto 0;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.18)}.pwa-splash-loader:after{content:"";display:block;width:55%;height:100%;background:#facc15;border-radius:inherit;animation:pwaLoad 1s ease-in-out infinite}@keyframes pwaLogoIn{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}@keyframes pwaSettle{0%{transform:scale(.92);text-shadow:0 0 0 rgba(250,204,21,0)}70%{transform:scale(1.03);text-shadow:0 0 24px rgba(250,204,21,.18)}100%{transform:scale(1);text-shadow:0 0 10px rgba(250,204,21,.08)}}@keyframes pwaLoad{0%{transform:translateX(-110%)}100%{transform:translateX(210%)}}@media(prefers-reduced-motion:reduce){.pwa-splash-inner,.pwa-splash-logo,.pwa-splash-loader:after{animation:none}.pwa-splash{transition:none}}
.brand-row{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:8px}.admin-logo{cursor:pointer;text-decoration:none}.admin-logo:focus-visible{outline:2px solid var(--yellow-accent);outline-offset:4px}.login-card{background-color:var(--bg-card);width:100%;max-width:400px;padding:40px 30px;border-radius:24px;border:1px solid var(--border-color);box-shadow:0 10px 30px rgba(15,23,42,.04);text-align:center}.logo{font-size:1rem;font-weight:700;color:var(--navy-primary);letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;border-bottom:3px solid var(--yellow-accent);display:inline-block;padding-bottom:2px}.title{font-size:1.75rem;font-weight:700;letter-spacing:-.03em;margin-top:16px;margin-bottom:12px;color:var(--navy-primary)}.subtitle{font-size:.9375rem;color:var(--text-muted);margin-bottom:32px;line-height:1.5}.input-group{margin-bottom:16px;text-align:left}.input-field{width:100%;height:52px;padding:0 20px;font-size:1rem;color:var(--text-main);background:#fff;border:1.5px solid var(--border-color);border-radius:14px;outline:none;transition:all .2s ease}.input-field:focus{border-color:var(--yellow-accent);box-shadow:0 0 0 4px rgba(250,204,21,.2)}.btn-login{width:100%;height:52px;background:var(--navy-primary);color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:14px;cursor:pointer;transition:all .2s ease;margin-top:10px}.btn-login:hover{background:var(--yellow-accent);color:var(--navy-primary);transform:scale(1.02);box-shadow:0 8px 24px rgba(250,204,21,.3)}.btn-login:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.mobile-home-btn{display:none}
@media(max-width:768px){
 body{min-height:100dvh;padding:18px 16px 28px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-x:hidden}
 .mobile-home-btn{display:inline-flex;position:fixed;top:16px;left:16px;width:38px;height:38px;align-items:center;justify-content:center;background:var(--navy-primary);color:#fff;border-radius:11px;text-decoration:none;box-shadow:0 6px 16px rgba(15,23,42,.18);z-index:10;transition:transform .2s ease,background-color .2s ease}
 .mobile-home-btn:active{transform:scale(.94);background:var(--yellow-accent);color:var(--navy-primary)}
 .login-card{width:100%;max-width:390px;padding:30px 22px 24px;border-radius:22px;box-shadow:0 14px 36px rgba(15,23,42,.07)}
 .brand-row{gap:7px;margin-bottom:6px}.logo{font-size:.9rem;margin-bottom:0}.title{font-size:1.45rem;margin-top:13px;margin-bottom:8px}.subtitle{font-size:.82rem;margin-bottom:22px;line-height:1.45}
 .input-group{margin-bottom:12px}.input-field{height:50px;border-radius:13px;font-size:.92rem;padding:0 16px}.btn-login{height:50px;border-radius:13px;font-size:.92rem;margin-top:6px}
}
@media(max-width:480px){
 body{padding:18px 14px 24px}
 .login-card{max-width:100%;padding:28px 20px 22px}
 .login-extra{width:100%!important;max-width:390px!important;margin:12px auto 22px!important;padding:14px!important;border-radius:15px!important}
 .check-head{gap:10px}.check-icon{width:38px;height:38px;border-radius:10px;font-size:14px}.check-head strong{font-size:12px}.check-head span{font-size:9px;line-height:1.45}.check-open{height:42px;margin-top:12px;border-radius:10px;font-size:10px}
}
@media(max-width:380px){
 body{padding:12px 12px 20px}
 .mobile-home-btn{top:12px;left:12px;width:36px;height:36px}
 .login-card{padding:24px 17px 19px;border-radius:19px}.brand-row{gap:6px}.logo{font-size:.82rem}.title{font-size:1.3rem;margin-top:11px}.subtitle{font-size:.75rem;margin-bottom:18px}.input-field,.btn-login{height:47px}.input-field{font-size:.86rem}.btn-login{font-size:.88rem}
 .login-extra{padding:12px!important}.check-head strong{font-size:11px}.check-head span{font-size:8.5px}.check-icon{width:36px;height:36px}.check-open{height:40px;font-size:9px}
}


/* EDUMAG BRAND SYSTEM V2 - STUDENT LOGIN */
:root{--bg-main:#fff9ec !important;--bg-card:#fff !important;--border-color:#e4dfd2 !important;--navy-primary:#172033 !important;--navy-hover:#202b44 !important;--text-main:#20232d !important;--text-muted:#667085 !important;--yellow-accent:#f6c744 !important;--yellow-hover:#e5b92e !important}
body{background:var(--bg-main)!important}
.login-card{background:#fff!important;border-color:var(--edumag-border,#e4dfd2)!important;box-shadow:0 14px 35px rgba(23,32,51,.08)!important;border-radius:22px!important}
.logo{color:#172033!important;border-bottom-color:#f6c744!important}
.title{color:#172033!important}.subtitle{color:#667085!important}
.input-field{border-color:#e4dfd2!important;color:#20232d!important}.input-field:focus{border-color:#f6c744!important;box-shadow:0 0 0 4px rgba(246,199,68,.18)!important}
.btn-login{background:#172033!important}.btn-login:hover{background:#f6c744!important;color:#172033!important;box-shadow:0 8px 24px rgba(246,199,68,.24)!important}
.mobile-home-btn{background:#172033!important}.mobile-home-btn:active{background:#f6c744!important;color:#172033!important}
.login-extra{border-color:#e4dfd2!important;background:#fff!important;box-shadow:0 10px 28px rgba(23,32,51,.06)!important}
.check-icon{background:#172033!important;color:#f6c744!important}.check-head strong{color:#172033!important}.check-head span{color:#667085!important}.check-open{background:#172033!important}.check-open i{color:#f6c744!important}
.portal-links a{border-color:#e4dfd2!important;background:#fff!important;color:#667085!important}.portal-links a.active{background:#172033!important;color:#fff!important;border-color:#172033!important}