/* MAT V1.30 — readability, balanced 60/40 layout, deliberate typography */
@media (min-width:901px){
 .mat125-login{grid-template-columns:minmax(0,60.5%) minmax(0,39.5%)}
 .mat125-art{background:radial-gradient(ellipse at 26% 46%,#f6fcff 0%,#dff4ff 34%,transparent 68%),linear-gradient(112deg,#f3fbff 0%,#c5eaff 38%,#75caff 72%,#078ff2 100%)}
 .mat125-copy{left:4.5%;top:3.4%;width:59%;bottom:auto;gap:0}
 .mat125-welcome{font-size:clamp(24px,2.45vw,34px);line-height:1.12;letter-spacing:-.035em}
 .mat125-welcome h1{font-size:clamp(27px,2.36vw,38px);line-height:1.13;letter-spacing:-.035em;white-space:normal;margin-top:6px}
 .mat125-welcome h1 span{font-size:.77em;white-space:nowrap;letter-spacing:-.04em}
 .mat125-line{width:47px;height:6px;margin-bottom:13px}
 .mat125-pill{margin-top:clamp(16px,2.2vh,23px);padding:10px 22px;font-size:clamp(23px,2vw,34px);line-height:1.2;max-width:100%;border-radius:999px}
 .mat125-test{margin-top:clamp(18px,2.7vh,28px);padding:14px 20px;min-width:0;width:92%;max-width:92%;border-radius:22px;gap:2px}
 .mat125-test span{font-size:clamp(19px,1.43vw,25px)}
 .mat125-test strong{font-size:clamp(23px,1.7vw,31px);white-space:normal;line-height:1.15}
 .mat125-infos{margin-top:clamp(20px,2.8vh,29px);gap:clamp(20px,3.1vh,31px);width:100%}
 .mat125-info{align-items:center;gap:clamp(11px,1.2vw,18px)}
 .mat125-info-icon{width:clamp(54px,3.8vw,70px);height:clamp(54px,3.8vw,70px);flex-shrink:0}
 .mat125-info-copy{font-size:clamp(17px,1.15vw,21px);line-height:1.18;letter-spacing:-.01em}
 .mat125-info-copy strong{line-height:1.18}
 .mat125-info-copy small{font-size:.85em;margin-top:4px}
 .mat125-portrait-wrap{top:7%;right:-3.2%;bottom:auto;height:82%;width:54%;z-index:4;overflow:visible;mask-image:none;-webkit-mask-image:none}
 .mat125-portrait{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 16px #0969bc30)}
 .mat125-developer{left:auto;right:2.7%;bottom:2.7%;width:53%;max-width:53%;min-width:0;padding:10px 13px;gap:12px;border-radius:70px;justify-content:center}
 .mat125-dev-icon{width:clamp(55px,4.3vw,72px);height:clamp(55px,4.3vw,72px)}
 .mat125-dev-copy{font-size:clamp(19px,1.45vw,27px);line-height:1.14;white-space:normal}
 .mat125-dev-copy small{font-size:.68em;padding:5px 9px;margin-top:4px}
 .mat125-panel{padding:clamp(12px,1.45vw,27px)}
 .mat125-formwrap{min-height:min(95dvh,900px);width:100%;max-width:680px;padding:clamp(20px,2.2vw,40px);border-radius:28px}
 .mat125-logo{max-width:92%;max-height:clamp(112px,17vh,166px);margin-bottom:clamp(17px,2.8vh,30px)}
 .mat125-heading h2{font-size:clamp(36px,3vw,55px);line-height:1.1}
 .mat125-heading p{font-size:clamp(18px,1.3vw,23px);margin:10px 0 25px}
 .mat125-form{gap:clamp(13px,2vh,20px)}
 .mat125-field{height:clamp(61px,7.9vh,75px);border-radius:17px}
 .mat125-field input{font-size:clamp(17px,1.16vw,21px)}
 .mat125-submit{height:clamp(64px,8.3vh,78px);font-size:clamp(24px,1.7vw,31px);border-radius:17px}
 .mat125-login-help{font-size:clamp(13px,.89vw,17px);margin:clamp(14px,2.2vh,23px) 0}
 .mat125-trust{padding:clamp(12px,1.8vh,19px);gap:14px}
 .mat125-trust strong{font-size:clamp(15px,1vw,19px)}
 .mat125-trust small{font-size:clamp(12px,.82vw,15px)}
 .mat125-float{width:clamp(55px,5vw,85px)!important;height:auto!important;aspect-ratio:1!important}
 .mat125-float-1{top:11%;right:3%}
 .mat125-float-2{top:30%;right:40%}
 .mat125-float-3{top:34%;right:2%}
 .mat125-float-4{top:47%;right:43%}
 .mat125-float-5{top:62%;right:45%}
}
@media (min-width:901px) and (max-height:850px){
 .mat125-copy{top:2.8%}
 .mat125-welcome{font-size:clamp(22px,2vw,30px)}
 .mat125-welcome h1{font-size:clamp(26px,2.06vw,35px)}
 .mat125-pill{margin-top:13px;font-size:clamp(22px,1.8vw,30px);padding:9px 19px}
 .mat125-test{margin-top:14px;padding:11px 17px}
 .mat125-test span{font-size:clamp(18px,1.32vw,23px)}
 .mat125-test strong{font-size:clamp(22px,1.56vw,29px)}
 .mat125-infos{margin-top:18px;gap:clamp(13px,2.2vh,21px)}
 .mat125-info-copy{font-size:clamp(16px,1.06vw,20px)}
 .mat125-info-icon{width:clamp(49px,3.5vw,64px);height:clamp(49px,3.5vw,64px)}
 .mat125-portrait-wrap{top:7%;height:81%}
 .mat125-developer{bottom:2%;padding:7px 11px}
 .mat125-dev-icon{width:clamp(49px,3.6vw,65px);height:clamp(49px,3.6vw,65px)}
 .mat125-dev-copy{font-size:clamp(17px,1.28vw,24px)}
 .mat125-formwrap{min-height:min(96dvh,820px);padding:clamp(18px,1.85vw,33px)}
 .mat125-logo{max-height:clamp(94px,14vh,125px);margin-bottom:16px}
 .mat125-heading h2{font-size:clamp(34px,2.7vw,48px)}
 .mat125-heading p{margin:7px 0 17px}
 .mat125-field{height:clamp(54px,7.4vh,68px)}
 .mat125-submit{height:clamp(57px,7.7vh,71px)}
 .mat125-login-help{margin:12px 0}
 .mat125-trust{padding:11px}
}
@media (min-width:901px) and (max-height:710px){
 .mat125-copy{top:2%}.mat125-welcome{font-size:21px}.mat125-welcome h1{font-size:clamp(22px,1.8vw,31px)}
 .mat125-pill{font-size:clamp(19px,1.6vw,26px);margin-top:9px;padding:7px 16px}
 .mat125-test{margin-top:10px;padding:8px 14px}.mat125-test span{font-size:17px}.mat125-test strong{font-size:clamp(19px,1.45vw,26px)}
 .mat125-infos{margin-top:10px;gap:8px}.mat125-info-copy{font-size:clamp(14px,.95vw,17px)}.mat125-info-icon{width:47px;height:47px}
 .mat125-logo{max-height:85px;margin-bottom:10px}.mat125-heading h2{font-size:35px}.mat125-heading p{font-size:17px;margin:5px 0 13px}
 .mat125-field{height:51px}.mat125-submit{height:56px}.mat125-login-help{font-size:12px;margin:10px 0}.mat125-trust{padding:9px}
}
@media (min-width:901px) and (max-width:1200px){
 .mat125-copy{width:63%;left:3.4%}
 .mat125-welcome{font-size:clamp(19px,2.2vw,27px)}
 .mat125-welcome h1{font-size:clamp(22px,2.1vw,29px)}
 .mat125-pill{font-size:clamp(18px,2vw,24px)}
 .mat125-test{width:90%}.mat125-test strong{font-size:clamp(19px,1.9vw,25px)}
 .mat125-info-copy{font-size:clamp(13px,1.25vw,17px)}
 .mat125-portrait-wrap{width:51%;right:-6%}
 .mat125-developer{width:57%;max-width:57%}
}
@media (min-width:901px){
 .mat125-infos{min-height:clamp(285px,40vh,425px);justify-content:space-between;gap:12px}
 .mat125-test{width:86%;max-width:86%}
}
@media (min-width:901px) and (max-height:710px){
 .mat125-infos{min-height:clamp(230px,37vh,265px);gap:6px}
}
@media (max-width:900px){
 .mat125-panel{width:100%}.mat125-formwrap{max-width:620px}
}
@media (max-width:520px){
 .mat125-copy{width:65%}.mat125-welcome h1{white-space:normal}
 .mat125-developer{width:66%;max-width:66%;right:2%}
}