*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#103364}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a{color:#0055c9}button,a,input{outline-offset:4px}button{cursor:pointer}.ui-icon{width:25px;height:25px;flex-shrink:0}.login-scene{min-height:100vh;background:#eaf3ff;position:relative;isolation:isolate;padding:85px 24px 25px;overflow-x:hidden}.login-scene:before{content:"";position:absolute;inset:0 0 20%;z-index:-2;background:linear-gradient(90deg,rgba(0,48,108,.92),rgba(0,74,148,.35) 48%,rgba(191,223,250,.12)),url('campus-v2.png') center/cover no-repeat}.login-scene:after{content:"";position:absolute;z-index:-1;left:-10%;width:120%;bottom:0;height:37%;background:linear-gradient(140deg,#ccdef9,#f8fbff 45%,#e7f0ff);border-top:20px solid #7fb9ff;border-radius:50% 50% 0 0/30% 30% 0 0}.login-top{position:absolute;top:24px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.login-top a{color:white;text-decoration:none}.login-top span{color:#19476e;background:#ffffffcf;padding:10px 15px;border-radius:9px}.login-top span:after{content:"";display:block;width:36px;height:3px;background:#1787ff;margin:7px 0 0 auto}.login-intro{position:absolute;top:210px;left:4%;width:26%;color:white}.login-intro h2{font-size:clamp(22px,2.3vw,34px);margin:0 0 10px;text-transform:uppercase}.login-intro>p{font-size:19px;color:#d4e6ff;line-height:1.5;margin:0}.login-intro>i{display:block;width:65px;height:4px;border-radius:4px;background:#31a3ff;margin:20px 0 35px}.login-intro>div{display:flex;gap:15px;align-items:center}.login-intro .ui-icon{width:42px;height:42px;color:#bbddff}.login-intro strong{display:block;font-size:20px}.login-intro small{display:block;color:#c7ddf6;margin-top:14px;font-size:13px}.login-intro blockquote{font-family:Georgia,serif;font-style:italic;font-size:35px;line-height:1.3;margin:65px 0 0;color:#c9e3ff;transform:rotate(-7deg)}.login-card{position:relative;width:min(540px,100%);margin:25px auto 35px;padding:130px 42px 25px;border-radius:24px;background:linear-gradient(145deg,#ffffff,#f4f8ff);box-shadow:0 16px 45px #052f6d30;border:1px solid #ffffffdd}.login-logo{position:absolute;top:-52px;left:50%;transform:translateX(-50%);width:174px;height:174px;background:white;border:7px solid white;border-radius:50%;box-shadow:0 7px 15px #123a5a22;display:grid;place-items:center;overflow:hidden}.login-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}.login-card h1{text-transform:uppercase;text-align:center;letter-spacing:-.6px;font-size:31px;line-height:1.1;margin:0 0 8px;color:#032b65}.login-address{text-align:center;font-size:16px;margin:0;color:#18345b;line-height:1.4}.login-divider{display:flex;gap:15px;align-items:center;justify-content:center;margin:20px 0 13px;color:#003b91;font-weight:bold;font-size:17px}.login-divider:before,.login-divider:after{content:"";height:1px;background:#c9daef;flex:1}.portal-tabs{display:flex;gap:4px;background:#eaf1fc;border-radius:10px;padding:4px;margin-bottom:21px}.portal-tabs a{flex:1;text-align:center;text-decoration:none;padding:8px;font-size:13px;color:#516987;border-radius:7px}.portal-tabs a[aria-current]{background:white;color:#0056c1;font-weight:bold;box-shadow:0 2px 5px #173b6d15}.auth-form{display:grid;gap:16px}.input-icon{display:flex;position:relative;align-items:center}.input-icon>.ui-icon{position:absolute;left:17px;color:#7c8b9e;width:21px}.input-icon input{padding:16px 48px 16px 52px;height:56px}.auth-form input:not([type=checkbox]):not([type=hidden]){width:100%;border:1px solid #ced9e7;border-radius:10px;background:white;color:#123764;box-shadow:0 2px 8px #0c386914}.auth-form input::placeholder{color:#7c8ca3;opacity:1}.password-toggle{position:absolute;right:12px;border:0;background:transparent;color:#748399;display:flex;padding:4px}.password-toggle .ui-icon{width:20px}.captcha-box{padding:16px;background:#e5f1ff;border:1px solid #d4e7ff;border-radius:11px}.captcha-title{display:flex;gap:12px;align-items:center;margin-bottom:14px;color:#0054bd}.captcha-title .ui-icon{color:#148bff}.captcha-title strong{display:block;font-size:14px}.captcha-title small{font-size:12px;display:block;color:#627fa6;margin-top:4px}.captcha-row{display:grid;grid-template-columns:1.15fr 46px 1fr;gap:10px;align-items:center}.captcha-row strong{border:1px dashed #93c5ff;border-radius:8px;font-size:25px;white-space:nowrap;padding:12px 5px;text-align:center;color:#034aab}.captcha-row input{height:52px;padding:10px;font-size:13px;min-width:0}.captcha-refresh{height:52px;border:1px solid #b2d6ff;background:#d5eaff;color:#0084ff;border-radius:8px;font-size:30px}.login-options{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}.login-options label{display:flex;gap:7px;align-items:center}.login-options input{width:18px;height:18px;accent-color:#0067d9}.text-button{border:0;padding:0;background:transparent;color:#0059d9;text-decoration:underline;font-size:13px}.login-submit{display:flex;align-items:center;justify-content:center;gap:14px;padding:18px 10px;border:0;border-radius:12px;background:linear-gradient(120deg,#0587ff,#0045ad);color:white;font-weight:bold;font-size:20px;box-shadow:0 6px 14px #0061cb33;min-height:58px}.login-submit:hover{filter:brightness(1.07)}.secure-footer{margin-top:23px;text-align:center;font-size:13px}.secure-footer strong{display:flex;gap:7px;align-items:center;justify-content:center}.secure-footer strong:before,.secure-footer strong:after{content:"";width:45px;height:1px;background:#c7d6e9}.secure-footer .ui-icon{width:21px;height:21px}.secure-footer p{font-size:12px;color:#6d82a0;line-height:1.5;margin:7px 0 0}.login-features{display:flex;justify-content:center;gap:0;margin:0 auto 35px;max-width:900px}.login-features>div{display:flex;gap:14px;align-items:center;padding:0 24px;border-right:1px solid #ccdaed;font-size:12px;line-height:1.5}.login-features>div:last-child{border:0}.login-features .ui-icon{width:30px;height:30px;color:#0054b4}.login-features small{display:block;font-size:12px}.login-copyright{text-align:center;font-size:12px;line-height:1.7;color:#627a9a}.login-copyright span{display:block;font-size:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.message{font-size:13px;padding:12px;border-radius:9px;line-height:1.6;margin-bottom:15px;background:#e8f0ff}.error{color:#912c32;background:#ffeded;border:1px solid #f0cacc}.success{color:#186243;background:#e7f9ef;border:1px solid #c2e8d2}.account-help{font-size:12px;line-height:1.7;background:#e8f0fb;padding:12px;border-radius:8px}.otp-heading{text-align:center;margin:22px 0}.otp-heading>.ui-icon{width:42px;height:42px;color:#0873e5}.otp-heading h2{margin:8px 0;font-size:23px}.otp-heading p{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.otp-heading small{color:#6e829c}.otp-input{text-align:center;letter-spacing:9px;font-size:29px;padding:16px}.otp-actions{display:flex;justify-content:space-between;gap:10px;margin:22px 0}.parent-link{text-align:center;font-size:12px;margin-bottom:0}
@media(min-width:1500px){.login-card{width:580px}.login-intro{left:5%}}
@media(max-width:1100px){.login-intro{display:none}.login-scene:before{background:linear-gradient(90deg,#03477bbf,#2485bd50),url('campus-v2.png') center/cover no-repeat}.login-features>div{padding:0 15px}}
@media(max-width:650px){.login-scene{padding:70px 14px 20px;background:#eaf3ff}.login-scene:before{height:250px;bottom:auto}.login-scene:after{height:48%;border-top-width:8px}.login-top{top:15px;left:18px;right:18px;font-size:12px}.login-top span{padding:6px 9px}.login-card{margin:40px auto 24px;padding:100px 23px 23px;border-radius:20px}.login-logo{width:140px;height:140px;top:-48px}.login-card h1{font-size:26px}.login-address{font-size:13px}.login-features{display:none}.captcha-row{grid-template-columns:1.1fr 39px 1fr;gap:7px}.captcha-box{padding:12px}.captcha-row strong{font-size:22px}.captcha-row input{font-size:12px;padding:7px}.login-submit{font-size:18px}.login-copyright{font-size:10px}.login-options{font-size:12px}.text-button{font-size:12px}}
@media(prefers-reduced-motion:no-preference){.login-card{animation:arrive .35s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}

.login-logo{border-radius:25px}.login-logo img{border-radius:0}
/* V4: compact card fits normal laptop height without clipping controls. */
.login-scene{min-height:100svh;padding:62px 18px 14px;display:flex;flex-direction:column;justify-content:center}.login-card{width:min(470px,100%);padding:42px 30px 18px;margin:18px auto 14px}.login-logo{width:72px;height:72px;top:-38px;border-width:4px;border-radius:17px}.login-card h1{font-size:25px;margin:0 0 5px}.login-address{font-size:13px}.login-divider{font-size:15px;margin:10px 0}.portal-tabs{margin-bottom:13px}.portal-tabs a{padding:6px;font-size:13px}.auth-form{gap:11px}.input-icon input{height:43px;padding-top:11px;padding-bottom:11px;font-size:15px}.captcha-box{padding:11px}.captcha-title{margin-bottom:9px;gap:8px}.captcha-title strong{font-size:13px}.captcha-title small{font-size:11px}.captcha-row strong{font-size:23px;padding:9px 4px}.captcha-row input,.captcha-refresh{height:43px}.login-options{font-size:13px}.login-submit{padding:12px;min-height:44px;font-size:18px}.secure-footer{margin-top:12px}.secure-footer p{margin-top:4px;font-size:11px}.login-features{display:none}.login-copyright{font-size:11px}.login-intro{top:30%;max-width:27%}.login-intro h2{font-size:26px}.login-intro>p{font-size:16px}.login-intro blockquote{font-size:29px;margin-top:35px}.login-top{top:15px}.otp-heading{margin:12px 0}.otp-heading h2{font-size:21px}.otp-heading>.ui-icon{width:32px;height:32px}.otp-actions{margin:16px 0}.parent-link{margin-top:9px}.message{padding:8px 10px;font-size:12px;margin-bottom:10px}.login-copyright span{font-size:10px}
@media(min-width:851px) and (max-height:700px){.login-scene{padding-top:40px}.login-top{top:9px}.login-card{margin-top:30px;padding-top:31px;padding-bottom:13px}.login-logo{width:58px;height:58px;top:-31px}.login-card h1{font-size:23px}.login-divider{margin:8px 0}.portal-tabs{margin-bottom:10px}.secure-footer p{display:none}.login-copyright span{display:none}.login-intro blockquote{margin-top:25px}.captcha-title small{display:none}.login-copyright{font-size:10px}.login-top span{padding:6px 10px}}
@media(max-width:650px){.login-scene{padding:60px 14px 15px}.login-card{padding:38px 22px 18px;margin:20px auto 12px}.login-logo{width:66px;height:66px;top:-35px}.login-card h1{font-size:24px}.input-icon input{font-size:16px}.login-address{font-size:12px}.login-copyright{font-size:10px}.login-top{left:16px;right:16px}.login-top span{font-size:11px}.login-options,.text-button{font-size:12px}.secure-footer p{font-size:10px}.login-copyright span{display:none}}