/* MAT V1.23: approved light-blue reference layout. Applies to login only. */
html:has(.mat-login-v121),body:has(.mat-login-v121){width:100%;height:100%;overflow:hidden}
.mat-login-v121{grid-template-columns:minmax(0,64%) minmax(0,36%)!important;background:#fff!important}
.mat121-hero{background:radial-gradient(ellipse at 84% 40%,rgba(0,139,248,.75) 0%,rgba(75,188,255,.52) 32%,transparent 62%),linear-gradient(124deg,#f1faff 0%,#d9efff 34%,#b0dcff 69%,#0b9aff 100%)!important; padding:clamp(20px,3.5vw,58px)!important}
.mat121-hero:before{height:52%;top:-32%;left:-16%;width:130%;border-top:3px solid rgba(255,255,255,.9);transform:rotate(-13deg)}
.mat121-hero:after{bottom:-27%;left:-18%;height:38%;background:linear-gradient(175deg,rgba(238,250,255,.76),rgba(48,157,253,.28));border-top:4px solid #fff;z-index:2}
.mat121-head{max-width:96%;z-index:7}.mat121-accent{height:8px;width:80px;margin-bottom:clamp(10px,1.5vh,18px)}
.mat121-welcome{font-size:clamp(23px,2.4vw,39px)!important}
.mat121-head h1{font-size:clamp(25px,2.8vw,46px)!important;line-height:1.04!important;margin:4px 0 13px!important;letter-spacing:-.046em!important}
.mat121-head h1 span{font-size:.79em!important;white-space:normal!important;line-height:1.15!important}
.mat121-portal{font-size:clamp(19px,2.1vw,35px)!important;padding:clamp(8px,1.1vh,13px) clamp(18px,2.1vw,34px)!important}
.mat121-details{width:49%!important;gap:clamp(13px,1.95vh,23px)!important;margin-top:clamp(16px,2.5vh,28px)!important}
.mat121-mock{border-radius:20px;padding:clamp(12px,1.55vh,20px) clamp(13px,1.6vw,24px)}
.mat121-mock strong{font-size:clamp(18px,1.85vw,30px)!important;white-space:normal;overflow-wrap:normal}
.mat121-info{font-size:clamp(12px,1.08vw,18px)!important;gap:clamp(11px,1.2vw,18px)}
.mat121-info strong{font-size:clamp(12px,1.11vw,18px)!important}
.mat121-info-icon{flex-basis:clamp(42px,4.5vw,68px)!important;height:clamp(42px,4.5vw,68px)!important}
.mat121-portrait-wrap{right:-4%!important;bottom:10%!important;width:55%!important;height:70%!important;z-index:3!important}
.mat121-halo{display:none!important}
.mat121-portrait{object-fit:contain!important;object-position:center bottom!important;filter:drop-shadow(0 12px 23px rgba(10,83,171,.17))!important}
.mat121-float{width:clamp(43px,5.5vw,87px)!important;border-radius:21px!important;z-index:5!important;box-shadow:0 0 18px #fff9,0 12px 25px #086dc24a!important}
.mat121-float-1{top:32%!important;left:55%!important}.mat121-float-2{top:16%!important;right:3%!important}.mat121-float-3{top:35%!important;right:1%!important}.mat121-float-4{top:48%!important;left:49%!important}.mat121-float-5{top:63%!important;left:50%!important}
.mat121-developer{left:clamp(22px,3.5vw,56px)!important;bottom:clamp(18px,4vh,44px)!important;width:min(68%,685px)!important;padding:clamp(9px,1.25vh,14px) clamp(14px,1.6vw,24px)!important;z-index:8!important}
.mat121-developer>div>span{font-size:clamp(17px,1.85vw,30px)!important}.mat121-developer small{font-size:clamp(13px,1.2vw,20px)!important}
.mat121-login{background:#fff!important;padding:clamp(16px,3vw,48px)!important;scrollbar-width:none}.mat121-login::-webkit-scrollbar{display:none}
.mat121-logo{width:min(100%,410px)!important;max-height:clamp(110px,20vh,185px)!important;margin-bottom:clamp(15px,2.4vh,28px)!important}
.mat121-greeting h2{font-size:clamp(30px,3.1vw,50px)!important}.mat121-greeting p{font-size:clamp(15px,1.3vw,22px)!important}
.mat121-roles{margin:clamp(12px,1.8vh,21px) 0!important}
.mat121-input{height:clamp(51px,6.1vh,66px)!important}.mat121-submit{min-height:clamp(53px,6.7vh,69px)!important}
.mat121-trust{background:#f0f6ff!important}
@media(min-width:801px) and (max-height:790px){.mat121-hero{padding:clamp(15px,2.5vw,40px)!important}.mat121-head h1{font-size:clamp(22px,2.15vw,35px)!important}.mat121-welcome{font-size:clamp(20px,1.9vw,30px)!important}.mat121-portal{font-size:clamp(17px,1.8vw,29px)!important}.mat121-details{margin-top:12px!important;gap:clamp(8px,1.5vh,15px)!important}.mat121-info-icon{flex-basis:clamp(35px,3.5vw,53px)!important;height:clamp(35px,3.5vw,53px)!important}.mat121-developer{bottom:12px!important}.mat121-logo{max-height:110px!important;margin-bottom:10px!important}.mat121-roles{margin:9px 0!important}.mat121-input{height:48px!important}.mat121-submit{min-height:49px!important}}
@media(min-width:801px) and (max-width:1350px){.mat121-head h1{font-size:clamp(22px,2.5vw,34px)!important}.mat121-details{width:52%!important}.mat121-portrait-wrap{width:53%!important}.mat121-info strong{font-size:clamp(11px,1.05vw,15px)!important}.mat121-developer>div>span{font-size:clamp(15px,1.6vw,23px)!important}}
@media(max-width:800px){html:has(.mat-login-v121),body:has(.mat-login-v121){overflow:auto}.mat-login-v121{height:auto!important;min-height:100dvh!important;display:flex!important;flex-direction:column!important;overflow:visible!important}.mat121-hero{height:clamp(600px,118vw,790px)!important;flex:none!important;padding:24px!important}.mat121-head h1{font-size:clamp(23px,4.3vw,34px)!important}.mat121-welcome{font-size:clamp(20px,4vw,29px)!important}.mat121-portal{font-size:clamp(17px,3.7vw,28px)!important}.mat121-details{width:55%!important;gap:14px!important}.mat121-info{font-size:clamp(10px,2.1vw,14px)!important}.mat121-info strong{font-size:clamp(10px,2.1vw,14px)!important}.mat121-portrait-wrap{width:54%!important;right:-5%!important;bottom:12%!important;height:63%!important}.mat121-developer{width:76%!important;bottom:15px!important}.mat121-developer>div>span{font-size:clamp(15px,3.2vw,22px)!important}.mat121-developer small{font-size:clamp(12px,2.6vw,17px)!important}.mat121-login{min-height:630px!important;overflow:visible!important}.mat121-float{width:clamp(40px,8vw,68px)!important}}
@media(max-width:500px){.mat121-hero{height:680px!important;padding:18px!important}.mat121-head h1{font-size:clamp(18px,5vw,25px)!important}.mat121-welcome{font-size:23px!important}.mat121-portal{font-size:18px!important;padding:9px 16px!important}.mat121-details{width:61%!important;gap:14px!important}.mat121-mock strong{font-size:16px!important}.mat121-info-icon{flex-basis:36px!important;height:36px!important}.mat121-info{gap:8px!important}.mat121-info strong{font-size:10px!important}.mat121-info small{font-size:9px!important}.mat121-portrait-wrap{height:50%!important;bottom:16%!important;right:-8%!important;width:58%!important}.mat121-float-4{left:60%!important}.mat121-float-5{left:58%!important}.mat121-developer{width:94%!important;left:3%!important;padding:8px!important}.mat121-developer>div>span{font-size:16px!important}.mat121-developer small{font-size:12px!important}.mat121-dev-icon{flex-basis:52px!important;height:52px!important}.mat121-login{padding:26px 20px!important}}
@media(prefers-reduced-motion:reduce){.mat121-float,.mat121-reveal{animation:none!important;opacity:1!important}}