/* MAT V1.26 – balance, typography and genuine continuous floating */
@media (min-width:901px){
  .mat125-login{grid-template-columns:minmax(0,61.5%) minmax(0,38.5%)}
  .mat125-panel{padding:clamp(20px,2.65vw,50px)}
  .mat125-formwrap{max-width:525px}
  .mat125-copy{left:4.8%;width:68%;top:4%}
  .mat125-welcome{font-size:clamp(22px,2.75cqw,38px)}
  .mat125-welcome h1{font-size:clamp(26px,3.65cqw,48px)}
  .mat125-pill{font-size:clamp(22px,3.25cqw,42px);margin-top:2.5%}
  .mat125-test{min-width:74%;max-width:91%;margin-top:3%;padding:2.1% 3%}
  .mat125-test span{font-size:clamp(18px,2.45cqw,29px)}
  .mat125-test strong{font-size:clamp(22px,3.05cqw,39px)}
  .mat125-infos{gap:clamp(9px,1.45vh,19px);margin-top:3%}
  .mat125-info-copy{font-size:clamp(15px,1.95cqw,24px)}
  .mat125-info-icon{width:clamp(48px,6.1cqw,76px);height:clamp(48px,6.1cqw,76px)}
  .mat125-portrait-wrap{right:-3%;bottom:-1%;height:73%;width:52%;}
  .mat125-developer{bottom:3.2%;min-width:54%;max-width:76%;}
  .mat125-dev-copy{font-size:clamp(20px,2.45cqw,33px)}
  .mat125-logo{max-height:clamp(115px,21vh,195px)}
  .mat125-heading h2{font-size:clamp(36px,3vw,55px)}
  .mat125-heading p{font-size:clamp(17px,1.32vw,23px)}
  .mat125-field input{font-size:clamp(16px,1.15vw,20px)}
  .mat125-login-help{font-size:clamp(12px,.83vw,15px)}
  .mat125-trust strong{font-size:clamp(14px,1vw,18px)}
  .mat125-trust small{font-size:clamp(11px,.8vw,14px)}
}
/* The former .mat125-reveal animation replaced the floating keyframes.
   Each floating icon now gets two independent animations, one finite entrance
   and one perpetual vertical/orbital motion, with staggered phases. */
.mat125-float{
  animation-name:mat126-drift,mat126-float-enter!important;
  animation-duration:5.6s,.9s!important;
  animation-timing-function:ease-in-out,cubic-bezier(.2,.8,.2,1)!important;
  animation-iteration-count:infinite,1!important;
  animation-direction:alternate,normal!important;
  animation-fill-mode:none,both!important;
  animation-delay:var(--float-phase,-1s),var(--enter-delay,.5s)!important;
  will-change:transform,opacity;
}
.mat125-float-1{--float-phase:-1.2s;--enter-delay:.45s}
.mat125-float-2{--float-phase:-2.8s;--enter-delay:.56s}
.mat125-float-3{--float-phase:-.5s;--enter-delay:.68s}
.mat125-float-4{--float-phase:-3.7s;--enter-delay:.79s}
.mat125-float-5{--float-phase:-2s;--enter-delay:.9s}
@keyframes mat126-drift{
  0%{transform:translate3d(-4px,8px,0) rotate(-5deg)}
  50%{transform:translate3d(5px,-12px,0) rotate(5deg)}
  100%{transform:translate3d(-2px,-19px,0) rotate(-3deg)}
}
@keyframes mat126-float-enter{
  from{opacity:0;scale:.8;filter:blur(6px)}
  to{opacity:1;scale:1;filter:blur(0)}
}
.mat125-portrait{animation:mat126-portrait-breathe 9s ease-in-out 1.4s infinite alternate;transform-origin:center bottom}
@keyframes mat126-portrait-breathe{from{transform:translateY(0)}to{transform:translateY(-7px)}}
@media (min-width:901px) and (max-height:850px){
  .mat125-welcome{font-size:clamp(20px,2.5cqw,31px)}
  .mat125-welcome h1{font-size:clamp(25px,3.35cqw,41px)}
  .mat125-pill{font-size:clamp(20px,2.9cqw,35px)}
  .mat125-test{margin-top:2.2%;padding:1.6% 2.6%}
  .mat125-infos{gap:clamp(6px,1vh,12px);margin-top:2.1%}
  .mat125-info-copy{font-size:clamp(14px,1.55cqw,20px)}
  .mat125-portrait-wrap{height:70%}
  .mat125-logo{max-height:clamp(105px,18vh,150px);margin-bottom:clamp(10px,2vh,18px)}
  .mat125-heading h2{font-size:clamp(34px,2.7vw,48px)}
  .mat125-heading p{margin:7px 0 clamp(15px,2vh,22px)}
  .mat125-field{height:clamp(52px,7vh,62px)}
  .mat125-submit{height:clamp(55px,7vh,64px)}
  .mat125-login-help{margin:clamp(9px,1.5vh,14px) 0}
}
@media(max-width:900px){
  .mat125-portrait-wrap{height:66%;bottom:10%;right:-4%;}
  .mat125-panel{padding:35px 25px}
  .mat125-heading h2{font-size:clamp(34px,6vw,45px)}
  .mat125-heading p{font-size:clamp(16px,3vw,21px)}
}
@media(max-width:520px){
  .mat125-portrait-wrap{height:64%;bottom:11%;right:-7%}
  .mat125-copy{width:69%}
  .mat125-welcome h1{font-size:clamp(15px,3.65cqw,23px)}
  .mat125-info-copy{font-size:clamp(10px,2.25cqw,14px)}
  .mat125-float-1{top:6%;right:3%}
  .mat125-float-2{top:35%;right:2%}
  .mat125-float-3{top:53%;right:2%}
  .mat125-float-4,.mat125-float-5{display:none}
  .mat-v118-demohelp{position:static!important;margin:10px 20px 20px!important;max-width:none!important}
}
@media(prefers-reduced-motion:reduce){.mat125-float,.mat125-portrait{animation:none!important}}