/* MAT V1.29 — approved bright-blue reference recreated as real responsive HTML/CSS */
@media(min-width:901px){
 .mat125-login{grid-template-columns:minmax(0,67.5%) minmax(0,32.5%)}
 .mat125-art{background:radial-gradient(ellipse at 24% 47%,#f2fbff 0%,#e1f4ff 27%,transparent 61%),linear-gradient(112deg,#f0faff 0%,#c5eaff 38%,#6ac9ff 71%,#028ff7 100%)}
 .mat125-copy{left:4%;top:3.8%;width:55%;bottom:auto}
 .mat125-welcome{font-size:clamp(23px,2.65cqw,34px);line-height:1.12}
 .mat125-welcome h1{font-size:clamp(25px,3.37cqw,43px);line-height:1.12;white-space:nowrap}
 .mat125-welcome h1 span{font-size:.79em}
 .mat125-pill{font-size:clamp(22px,3.0cqw,38px);padding:1.2% 3.5%;margin-top:2.2%;box-shadow:0 8px 19px #0a73d348,0 0 0 2px #ffffff5e}
 .mat125-test{margin-top:3.5%;min-width:80%;max-width:94%;padding:2% 3.5%;border-radius:22px}
 .mat125-test span{font-size:clamp(18px,2.0cqw,26px)}
 .mat125-test strong{font-size:clamp(22px,2.7cqw,35px)}
 .mat125-infos{width:89%;margin-top:4%;gap:clamp(10px,1.5vh,18px)}
 .mat125-info{gap:clamp(10px,1.4cqw,17px)}
 .mat125-info-copy{font-size:clamp(15px,1.72cqw,22px);line-height:1.14}
 .mat125-info-icon{width:clamp(52px,5.7cqw,72px);height:clamp(52px,5.7cqw,72px)}
 .mat125-portrait-wrap{z-index:4;top:3.5%;right:-2%;bottom:auto;height:91%;width:56%;align-items:flex-end;justify-content:center;mask-image:none;-webkit-mask-image:none;overflow:visible}
 .mat125-portrait{height:100%;width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 16px #064cba37)}
 .mat125-developer{z-index:9;right:3.5%;left:auto;bottom:2.7%;width:55%;max-width:none;min-width:0;gap:3%;padding:1.25% 2.2%;border-radius:90px;background:linear-gradient(120deg,#f7fdfffa,#e5f6fffa);box-shadow:0 10px 22px #0057c45e,0 0 0 2px #ffffff8a;justify-content:flex-start}
 .mat125-dev-icon{width:clamp(57px,7.2cqw,90px);height:clamp(57px,7.2cqw,90px)}
 .mat125-dev-copy{font-size:clamp(20px,2.45cqw,31px);line-height:1.1;white-space:normal}
 .mat125-dev-copy small{font-size:.68em;white-space:normal;padding:5px 11px;margin-top:5px}
 .mat125-panel{padding:clamp(12px,1.3vw,24px);background:linear-gradient(180deg,#f9fdff,#e9f7ff)}
 .mat125-formwrap{max-width:none;min-height:min(95dvh,880px);padding:clamp(18px,2.2vw,40px);background:linear-gradient(150deg,#fff,#f5fbff 70%,#eaf5ff);border:1.5px solid #fff;border-radius:clamp(22px,2.2vw,32px);box-shadow:0 12px 30px #1561ad26, inset 0 0 25px #ffffff;justify-content:center}
 .mat125-logo{max-height:clamp(110px,17vh,166px);max-width:94%;margin-bottom:clamp(18px,2.8vh,28px)}
 .mat125-heading h2{font-size:clamp(34px,3.0vw,52px)}
 .mat125-heading p{font-size:clamp(16px,1.24vw,21px)}
 .mat125-field{height:clamp(54px,7.4vh,70px);border-radius:17px;border-color:#a8cafa;box-shadow:0 1px 4px #0b4baf0c}
 .mat125-field input{font-size:clamp(16px,1.1vw,20px)}
 .mat125-submit{height:clamp(59px,7.7vh,74px);font-size:clamp(22px,1.65vw,28px);border-radius:17px}
 .mat125-trust{background:linear-gradient(120deg,#e4f5ff,#cceaff);border:1px solid #b6ddff}
 .mat125-trust strong{font-size:clamp(14px,.96vw,17px)}
 .mat125-trust small{font-size:clamp(11px,.73vw,13px)}
 .mat125-login-help{font-size:clamp(12px,.81vw,15px)}
}
/* Real independent motion: transforms from entrance animations do not suppress translate-based floating. */
.mat125-float{z-index:6!important;display:grid!important;place-items:center!important;aspect-ratio:1!important;width:clamp(58px,7.4cqw,91px)!important;height:auto!important;border-radius:23%!important;border:2px solid #fff!important;background:linear-gradient(135deg,#6bd3ff,#0068e7)!important;box-shadow:0 0 0 3px #b4ecff70,0 0 20px #ffffffcc,0 12px 20px #0060bd60!important;transform:rotate(var(--card-rotation,0deg))!important;animation:mat129-enter .9s cubic-bezier(.2,.7,.2,1) both,mat129-hover var(--float-duration,5.4s) ease-in-out var(--float-phase,-1s) infinite alternate!important;animation-delay:var(--enter-delay,.6s),var(--float-phase,-1s)!important;will-change:translate!important;pointer-events:none}
.mat125-float svg{width:60%!important;height:60%!important;max-width:60%!important;max-height:60%!important;flex:none!important;filter:drop-shadow(0 2px 3px #0056a955)}
.mat125-float-1{top:10%;right:4%;--card-rotation:10deg;--float-duration:5.1s}
.mat125-float-2{top:27%;right:37%;--card-rotation:-11deg;--float-duration:5.9s}
.mat125-float-3{top:34%;right:2%;--card-rotation:8deg;--float-duration:6.5s}
.mat125-float-4{top:44%;right:41%;--card-rotation:-9deg;--float-duration:5.7s}
.mat125-float-5{top:59%;right:47%;--card-rotation:12deg;--float-duration:6.3s}
@keyframes mat129-enter{from{opacity:0;scale:.75;filter:blur(5px)}to{opacity:1;scale:1;filter:blur(0)}}
@keyframes mat129-hover{0%{translate:0 0}50%{translate:9px -16px}100%{translate:-5px 8px}}
@media(min-width:901px) and (max-height:850px){
 .mat125-copy{top:3%}.mat125-welcome{font-size:clamp(20px,2.3cqw,29px)}.mat125-welcome h1{font-size:clamp(24px,3.1cqw,38px)}
 .mat125-pill{font-size:clamp(21px,2.7cqw,34px)}.mat125-test{margin-top:2.6%;padding:1.5% 3%}.mat125-infos{margin-top:2.5%;gap:clamp(6px,1.1vh,12px)}
 .mat125-info-copy{font-size:clamp(14px,1.51cqw,19px)}.mat125-info-icon{width:clamp(44px,5.2cqw,62px);height:clamp(44px,5.2cqw,62px)}
 .mat125-portrait-wrap{top:5%;height:89%;right:-2%}.mat125-developer{bottom:1.5%;padding:1% 1.8%}.mat125-dev-icon{width:clamp(47px,5.9cqw,68px);height:clamp(47px,5.9cqw,68px)}.mat125-dev-copy{font-size:clamp(18px,2.15cqw,26px)}
 .mat125-formwrap{min-height:min(96dvh,820px);padding:clamp(15px,1.6vw,30px)}.mat125-logo{max-height:clamp(90px,15vh,125px);margin-bottom:12px}.mat125-heading p{margin:6px 0 16px}.mat125-login-help{margin:12px 0}.mat125-trust{padding:11px}
}
@media(min-width:901px) and (max-height:680px){
 .mat125-copy{top:2%}.mat125-welcome{font-size:20px}.mat125-welcome h1{font-size:clamp(20px,2.6cqw,32px)}.mat125-pill{font-size:clamp(19px,2.35cqw,28px)}
 .mat125-test{margin-top:1.6%}.mat125-infos{margin-top:1.5%;gap:4px}.mat125-info-copy{font-size:clamp(12px,1.3cqw,16px)}
 .mat125-portrait-wrap{top:6%;height:88%}.mat125-dev-copy{font-size:clamp(16px,1.85cqw,23px)}.mat125-developer{bottom:1%}
}
@media(min-width:521px) and (max-width:900px){
 .mat125-portrait-wrap{right:-2%;top:4%;height:88%;width:57%;bottom:auto;mask-image:none;-webkit-mask-image:none}
 .mat125-developer{right:3%;left:auto;bottom:2%;width:54%;min-width:0;max-width:none}
 .mat125-copy{width:57%;left:4%}.mat125-infos{width:93%}
}
@media(max-width:520px){
 .mat125-art{aspect-ratio:.94}.mat125-copy{left:3.5%;top:3%;width:62%}.mat125-portrait-wrap{top:10%;right:-3%;height:78%;width:55%;bottom:auto;mask-image:none;-webkit-mask-image:none}
 .mat125-developer{bottom:1.5%;left:auto;right:2%;width:65%;min-width:0;max-width:none;padding:1% 2%}.mat125-dev-copy{font-size:clamp(11px,2.7cqw,15px)}.mat125-dev-icon{width:38px;height:38px}
 .mat125-float{width:clamp(29px,7.5cqw,43px)!important;border-radius:12px!important}
 .mat125-float-1{top:13%;right:3%}.mat125-float-2{top:28%;right:39%}.mat125-float-3{top:44%;right:2%}.mat125-float-4{top:57%;right:43%}.mat125-float-5{display:none!important}
}
@media(prefers-reduced-motion:reduce){.mat125-float{animation:none!important}}