/* MAT V1.20 — two reference-matched animated login slides. */
html:has(.mat-login-v120),body:has(.mat-login-v120){margin:0;overflow:hidden;max-width:100%}
.mat-login-v120{grid-template-columns:minmax(0,61.5fr) minmax(380px,38.5fr)!important;height:100dvh!important;min-height:0!important;overflow:hidden!important}
.mat-v120-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle at 80% 20%,#44b8ff,#0868d8 45%,#05348c 100%);isolation:isolate;display:flex;align-items:center;justify-content:center}
.mat-v120-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(2.5%) scale(1.015);transition:opacity 1.05s cubic-bezier(.22,1,.36,1),transform 1.25s cubic-bezier(.22,1,.36,1),visibility 1.05s;will-change:opacity,transform}
.mat-v120-slide.active{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0) scale(1)}
.mat-v120-artboard{position:relative;width:min(100%,calc(100dvh * 1.018));aspect-ratio:1.018;max-height:100%;flex:none;container-type:inline-size;box-shadow:0 0 70px #083f8b11}
.mat-v120-artboard>img{display:block;width:100%;height:100%;object-fit:fill;user-select:none;pointer-events:none}
.mat-v120-testname{position:absolute;left:10.15%;top:38.25%;width:47%;height:4.6%;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .15em;background:linear-gradient(90deg,#1853ad,#2465c2);color:#fff;font-size:clamp(10px,3.05cqw,32px);line-height:1.1;font-weight:850;letter-spacing:-.03em}
.mat-v120-slide-developer .mat-v120-testname{top:38.4%;left:9.55%;width:40%;background:linear-gradient(90deg,#1353b4,#1962c8)}
.mat-v120-floating{position:absolute;z-index:3;pointer-events:none;width:clamp(28px,4.3vw,68px);aspect-ratio:1;border-radius:19px;background:linear-gradient(135deg,#e5f9ff36,#4ac7ff16);border:1px solid #bdeaff48;backdrop-filter:blur(3px);box-shadow:0 12px 35px #003d9226;display:grid;place-items:center;opacity:.55;animation:mat-v120-float 5.5s ease-in-out infinite}
.mat-v120-floating svg{width:60%;height:60%;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 4px #0053a1)}
.mat-v120-float-a{left:69%;top:12%;animation-delay:-1.1s}.mat-v120-float-b{right:5%;top:30%;animation-delay:-2.8s;animation-duration:6.6s}.mat-v120-float-c{left:54%;bottom:24%;animation-delay:-4s;animation-duration:7s}
@keyframes mat-v120-float{0%,100%{transform:translate3d(0,0,0) rotate(-3deg)}50%{transform:translate3d(0,-13px,0) rotate(4deg)}}
.mat-v120-switch{position:absolute;z-index:5;bottom:clamp(12px,2.2vh,24px);left:clamp(15px,3.2vw,50px);display:flex;gap:10px;align-items:center;background:#053c8c65;backdrop-filter:blur(8px);padding:9px 12px;border-radius:30px}
.mat-v120-switch button{border:0;border-radius:20px;background:#c8e9ff99;width:10px;height:10px;padding:0;cursor:pointer;transition:width .3s,background .3s}.mat-v120-switch button.active{width:34px;background:#fff}.mat-v120-switch span{font-size:11px;color:#fff;letter-spacing:.06em;margin-left:6px}
.mat-v120-panel{overflow-x:hidden!important;overflow-y:auto!important;padding:clamp(14px,2.5vw,42px)!important;scrollbar-width:thin;overscroll-behavior:contain}
.mat-v120-panel .mat-v118-formwrap{max-width:465px}
.mat-v120-logo{width:min(100%,380px)!important;height:auto!important;max-height:clamp(100px,21vh,205px)!important;object-fit:contain!important;margin:0 auto clamp(14px,3vh,35px)!important}
.mat-v120-panel .mat-v118-roles button{font-family:inherit!important}
@media(min-width:801px) and (max-height:750px){.mat-v120-logo{max-height:105px!important;margin-bottom:9px!important}.mat-v120-panel .mat-v118-roles{margin:10px 0!important}.mat-v120-panel .mat-v118-form{gap:9px!important}.mat-v120-panel .mat-v118-input{height:44px!important}.mat-v120-panel .mat-v118-submit{min-height:44px!important}.mat-v120-panel .mat-v118-register{margin:7px 0!important}.mat-v120-panel .mat-v118-trust{padding:9px!important}.mat-v120-panel footer{padding-top:6px!important}}
@media(min-width:801px) and (max-width:1160px){.mat-login-v120{grid-template-columns:minmax(0,56fr) minmax(340px,44fr)!important}.mat-v120-panel{padding:16px!important}}
@media(max-width:800px){html:has(.mat-login-v120),body:has(.mat-login-v120){overflow-y:auto!important;height:auto!important}.mat-login-v120{display:flex!important;flex-direction:column!important;height:auto!important;min-height:100dvh!important;overflow:visible!important}.mat-v120-stage{height:clamp(290px,74vw,540px);flex:none}.mat-v120-artboard{width:min(100%,calc(clamp(290px,74vw,540px) * 1.018));max-height:100%}.mat-v120-floating{width:30px;border-radius:9px}.mat-v120-panel{overflow:visible!important;padding:25px 20px!important}.mat-v120-logo{max-height:140px!important}.mat-v120-switch{bottom:10px;left:14px}}
@media(max-width:460px){.mat-v120-stage{height:clamp(280px,94vw,410px)}.mat-v120-artboard{width:min(100%,calc(clamp(280px,94vw,410px) * 1.018))}.mat-v120-floating{width:23px;opacity:.35}.mat-v120-logo{max-height:115px!important}}
@media(prefers-reduced-motion:reduce){.mat-v120-slide{transition:none!important;transform:none!important}.mat-v120-floating{animation:none!important}}