/* MAT V1.19 — distortion-free image, no duplicate badges, composed developer slide */
.mat-v118-visual{background:#0753b5}
.mat-v118-image{background-image:url('login/login-student-standard.webp')!important;background-size:cover!important;background-position:center center!important;}
/* Wide viewports get a composition extended in the middle, never stretched horizontally. */
@media(min-aspect-ratio:19/10) and (min-width:801px){.mat-v118-image{background-image:url('login/login-student-wide.webp')!important}}
@media(min-aspect-ratio:19/10) and (min-width:801px){.mat-v118-test{left:24.8dvh!important}}
.mat-v118-devbadge{display:none!important}
.mat-v118-test{left:10.7dvh!important;top:38.65%!important;width:min(46dvh,47%)!important;min-height:3.9%!important;font-size:clamp(12px,3.25dvh,33px)!important;padding:0 3px!important;letter-spacing:-.025em!important;white-space:nowrap!important;}
.mat-v118-devslide{inset:0!important;overflow:hidden!important;background:radial-gradient(circle at 80% 18%,#60c8ff99 0,transparent 34%),linear-gradient(125deg,#06317c 2%,#0755b9 62%,#269dff 100%)!important;}
.mat-v119-orbit{position:absolute;pointer-events:none;border:1px solid #c6e9ff33;border-radius:50%;aspect-ratio:1;}
.mat-v119-orbit-one{width:85%;right:-22%;top:-28%;box-shadow:0 0 0 70px #a6dfff0a,0 0 0 145px #a6dfff08}
.mat-v119-orbit-two{width:44%;left:-22%;bottom:-23%;box-shadow:0 0 0 65px #b4e7ff0a}
.mat-v119-devcopy{position:absolute;left:7%;top:19%;width:53%;z-index:2;color:white;display:flex;flex-direction:column;align-items:flex-start}
.mat-v119-eyebrow{display:inline-flex;align-items:center;gap:8px;letter-spacing:.18em;font-weight:750;font-size:clamp(10px,1.1vw,14px);color:#bce5ff}
.mat-v119-eyebrow:before{content:'';width:27px;height:2px;background:#9bdeff}
.mat-v119-devcopy h2{font-size:clamp(23px,3.25vw,52px);line-height:1.12;letter-spacing:-.04em;margin:clamp(12px,2vh,22px) 0 12px;font-weight:850;text-wrap:balance}
.mat-v119-devcopy h2 em{font-style:normal;color:#a9e6ff}
.mat-v119-devcopy>p{font-size:clamp(12px,1.35vw,19px);line-height:1.6;max-width:390px;color:#e1efff;margin:0}
.mat-v119-signature{margin-top:clamp(26px,7vh,78px);padding:16px 22px;border:1px solid #9ddfff88;border-radius:16px;background:#ffffff18;backdrop-filter:blur(12px);box-shadow:0 14px 30px #001f6133;max-width:100%}
.mat-v119-signature span,.mat-v119-signature strong{display:block}.mat-v119-signature span{font-size:clamp(11px,1vw,15px);color:#d7ecff}.mat-v119-signature strong{font-size:clamp(17px,2vw,30px);line-height:1.25;margin-top:6px;white-space:nowrap}
.mat-v119-hartron{font-weight:800;letter-spacing:.04em;font-size:clamp(11px,1.25vw,18px);line-height:1.4;margin-top:clamp(20px,5vh,55px);color:#e7f7ff}.mat-v119-hartron small{font-weight:550;font-size:.85em}
.mat-v118-photo-frame{top:17%!important;right:5%!important;width:35%!important;height:66%!important;border:3px solid #bfe8ff!important;border-radius:22px!important;background:#fff!important;box-shadow:0 22px 80px #001c5880,0 0 0 12px #d8f1ff1c!important;transform:translateY(12px)!important}
.mat-v118-devslide.active .mat-v118-photo-frame{transform:translateY(0)!important}
.mat-v118-photo-frame img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 12%!important}
.mat-v118-photo-label{display:none!important}
.mat-v118-carousel{bottom:2.3%!important}
/* Preserve a no-scroll login at normal desktop zoom; on shorter screens scale form down, rather than clip it. */
@media(min-width:801px) and (max-height:700px){.mat-v118-panel{padding:8px 24px!important}.mat-v118-logo{height:clamp(62px,12vh,90px)!important;margin-bottom:7px!important}.mat-v118-greeting h1{font-size:clamp(22px,2.4vw,33px)!important}.mat-v118-roles{margin:9px 0!important}.mat-v118-form{gap:9px!important}.mat-v118-input{height:43px!important}.mat-v118-submit{min-height:43px!important}.mat-v118-register{margin:7px 0!important}.mat-v118-trust{padding:8px!important}.mat-v118-panel footer{padding-top:5px!important}.mat-v119-devcopy{top:14%!important}.mat-v119-signature{margin-top:4vh!important}.mat-v119-hartron{margin-top:4vh!important}}
@media(min-width:801px) and (max-width:1150px){.mat-v119-devcopy{left:5%;width:56%}.mat-v119-devcopy h2{font-size:clamp(23px,2.9vw,36px)}.mat-v119-signature{padding:12px}.mat-v119-signature strong{font-size:clamp(14px,1.65vw,22px)}.mat-v118-photo-frame{width:34%!important;right:3%!important}.mat-v118-test{font-size:clamp(11px,2.8dvh,24px)!important}}
@media(max-width:800px){.mat-v118-image{background-size:cover!important;background-position:center center!important}.mat-v118-test{left:10.7%!important;top:38.65%!important;width:46%!important;font-size:clamp(10px,2.7vw,18px)!important}.mat-v119-devcopy{left:6%;top:12%;width:55%}.mat-v119-devcopy h2{font-size:clamp(19px,3.7vw,32px)}.mat-v119-devcopy>p{font-size:clamp(10px,1.9vw,14px)}.mat-v119-signature{margin-top:13px;padding:8px 11px;border-radius:9px}.mat-v119-signature span{font-size:9px}.mat-v119-signature strong{font-size:clamp(11px,2vw,16px)}.mat-v119-hartron{font-size:10px;margin-top:12px}.mat-v118-photo-frame{height:69%!important;top:15%!important;width:34%!important;right:5%!important;border-radius:12px!important}}
@media(min-aspect-ratio:19/10) and (min-width:801px){.mat-v118-test{left:24.8dvh!important}}
@media(max-width:460px){.mat-v119-devcopy h2{font-size:17px}.mat-v119-devcopy>p{font-size:10px}.mat-v119-signature strong{font-size:10px;white-space:normal}.mat-v119-signature span{font-size:8px}.mat-v119-hartron{font-size:9px}.mat-v118-test{font-size:10px!important}}