/* PORTAL 2026 AUTHENTICATION REDESIGN */
:root{--p:#2563eb;--p2:#4f46e5;--c:#06b6d4;--ink:#172033}
html,body{font-family:'Inter','Segoe UI',Arial,sans-serif!important}
.auth-main{min-height:100vh!important;background:radial-gradient(circle at 10% 10%,rgba(37,99,235,.22),transparent 32%),radial-gradient(circle at 90% 90%,rgba(6,182,212,.16),transparent 30%),linear-gradient(135deg,#081225,#111d38)!important;padding:35px 15px!important;display:flex;align-items:center}
.auth-main .container{width:100%;max-width:1100px}
.slideIn{display:flex!important;align-items:stretch!important;background:rgba(255,255,255,.96);border-radius:28px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.22)}
.auth-main .image-area{min-height:600px!important;border-radius:0!important;background:linear-gradient(145deg,#102a62 0%,#1d4ed8 55%,#06b6d4 100%)!important;display:flex;align-items:center;justify-content:center;padding:50px!important;color:#fff!important}
.auth-main .image-area .content{width:100%!important}
.image-hader h2{font-size:30px!important;font-weight:800!important;color:#fff!important}
.img-hol-p img{max-width:190px!important;height:auto!important;filter:drop-shadow(0 18px 25px rgba(0,0,0,.2))}
.address p{color:rgba(255,255,255,.82)!important}
.sign-area{min-height:600px!important;padding:48px 48px!important;background:#fff!important}
.sign-hader{text-align:left!important}
.sign-hader img{max-height:82px!important;width:auto!important}
.sign-hader h2{font-size:24px!important;font-weight:800!important;color:var(--ink)!important;line-height:1.25}
.sign-hader:after{content:"Secure access to your academic management workspace";display:block;color:#667085;font-size:13px;margin-top:7px}
.forgot-header{background:#f7f9fc!important;border:1px solid #e7ebf2!important;border-radius:14px!important;padding:15px 17px!important;color:#667085!important}
.forgot-header h4{color:var(--ink)!important;font-weight:750!important}
.input-group-icon .form-control{height:46px!important;border:1px solid #dbe2ea!important;border-radius:0 10px 10px 0!important;box-shadow:none!important}
.input-group-icon .input-group-addon{background:#f8fafc!important;border:1px solid #dbe2ea!important;border-right:0!important;border-radius:10px 0 0 10px!important}
.btn-round{border-radius:12px!important;background:linear-gradient(135deg,var(--p),var(--p2))!important;border:0!important;box-shadow:0 10px 24px rgba(37,99,235,.22)!important;height:46px!important;font-weight:750!important}
.back-to-site,.premium-nav,.enterprise-nav{border-radius:0!important}
@media(max-width:767px){
 .auth-main{padding:15px 10px!important;align-items:flex-start!important}
 .slideIn{display:block!important;border-radius:20px!important;margin-top:20px}
 .auth-main .image-area{min-height:260px!important;padding:28px 20px!important}
 .image-hader h2{font-size:22px!important}
 .img-hol-p img{max-width:120px!important}
 .sign-area{min-height:auto!important;padding:30px 22px!important}
 .sign-hader{text-align:center!important}
 .sign-hader h2{font-size:20px!important}
}