/* MAT V1.24 — fidelity-first login. Approved artwork remains unaltered. */
html:has(.mat124-login),body:has(.mat124-login){margin:0!important;width:100%;min-height:100%;overflow-x:hidden!important}
.mat124-login,.mat124-login *{box-sizing:border-box}
.mat124-login{--navy:#071e61;--blue:#085bfa;--cyan:#0ac9ff;display:grid!important;grid-template-columns:minmax(0,60%) minmax(0,40%)!important;min-height:100dvh;height:100dvh;width:100%;overflow:hidden;background:white;color:var(--navy);font-family:Inter,'Segoe UI',Arial,sans-serif}
.mat124-art{position:relative;min-width:0;min-height:0;overflow:hidden;isolation:isolate;background:linear-gradient(125deg,#eaf7ff,#8bd0ff 65%,#069af5)}
.mat124-art-image{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;user-select:none;pointer-events:none}
/* Soft motion is isolated from the lettering and portrait: no stretched moving faces. */
.mat124-shimmer{position:absolute;z-index:2;inset:-30%;pointer-events:none;background:linear-gradient(120deg,transparent 36%,#ffffff24 47%,transparent 57%);transform:translateX(-90%);animation:mat124-shimmer 11s ease-in-out infinite}
@keyframes mat124-shimmer{0%,28%{transform:translateX(-90%)}65%,100%{transform:translateX(95%)}}
.mat124-art:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset -8px 0 24px #077cfa0a}
.mat124-featured{position:absolute;left:5.3%;top:32.4%;width:46.5%;min-height:10.5%;z-index:4;padding:1.2% 2.7%;border:1.5px solid #fff;border-radius:clamp(11px,1.5vw,22px);background:linear-gradient(135deg,#ffffffed,#eff8ffeb);box-shadow:0 8px 22px #0062b12b;display:flex;flex-direction:column;justify-content:center;gap:3px}
.mat124-featured small{color:#056bf3;font-size:clamp(12px,1.55vw,26px);font-weight:800}.mat124-featured strong{color:#0b2370;font-size:clamp(15px,2vw,32px);font-weight:850;line-height:1.1}
.mat124-panel{min-width:0;min-height:0;background:#fff;display:flex;align-items:center;justify-content:center;overflow-y:auto;scrollbar-width:none;padding:clamp(22px,3.2vw,56px)}
.mat124-panel::-webkit-scrollbar{display:none}
.mat124-formwrap{width:100%;max-width:510px;margin:auto;display:flex;flex-direction:column;gap:0}
.mat124-logo{display:block;object-fit:contain;object-position:center;width:min(100%,435px);height:auto;max-height:clamp(100px,23vh,195px);align-self:center;margin:0 auto clamp(20px,3.7vh,42px)}
.mat124-greeting h1{margin:0;color:#091e60;font-size:clamp(34px,3.05vw,55px);font-weight:900;line-height:1.08;letter-spacing:-.045em}.mat124-greeting p{font-size:clamp(16px,1.32vw,22px);color:#586c98;margin:10px 0 clamp(21px,3.5vh,39px)}
.mat124-form{display:flex;flex-direction:column;gap:clamp(13px,1.9vh,20px)}
.mat124-field{width:100%;display:flex;align-items:center;height:clamp(54px,7vh,67px);border:1.6px solid #c4d3ec;border-radius:12px;background:white;transition:border-color .2s,box-shadow .2s}
.mat124-field:focus-within{border-color:#0764ff;box-shadow:0 0 0 3px #167dff17}
.mat124-field svg{width:25px;height:25px;flex:none;margin:0 clamp(13px,1.3vw,20px);color:#53698f}
.mat124-field input{height:100%;width:100%;min-width:0;border:0;outline:0;background:none;color:#132d67;font-size:clamp(14px,1.04vw,18px);font-family:inherit}
.mat124-field input::placeholder{color:#687b9e;opacity:1}
.mat124-eye{display:grid;place-items:center;border:0;background:transparent;padding:0 7px 0 0;cursor:pointer}.mat124-eye svg{margin:0 13px;width:24px;height:24px}
.mat124-submit{height:clamp(57px,7.4vh,72px);margin-top:clamp(1px,.4vh,7px);border:0;border-radius:12px;background:linear-gradient(100deg,#00b8f8,#0648f4);color:#fff;font-weight:800;font-size:clamp(20px,1.65vw,27px);box-shadow:0 10px 19px #0064c93b;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:18px;transition:transform .2s,box-shadow .2s}
.mat124-submit:hover{transform:translateY(-2px);box-shadow:0 13px 23px #0064c951}.mat124-submit svg{width:29px;height:29px}
.mat124-divider{display:flex;align-items:center;gap:17px;margin:clamp(17px,3vh,29px) 0;color:#53688c;font-size:clamp(16px,1.2vw,21px);font-weight:750}.mat124-divider:before,.mat124-divider:after{content:'';flex:1;height:1.5px;background:#d2deef}
.mat124-google{width:100%;height:clamp(53px,6.8vh,65px);border:1.5px solid #c6d5ef;border-radius:12px;background:linear-gradient(180deg,#fff,#f2f7ff);display:flex;align-items:center;justify-content:center;gap:15px;font-size:clamp(16px,1.25vw,21px);font-weight:750;color:#132554;opacity:.7;cursor:not-allowed}
.mat124-google svg{width:27px;height:27px}.mat124-trust{display:flex;align-items:center;gap:14px;background:#f0f6ff;border-radius:14px;padding:clamp(11px,1.4vh,16px);margin-top:clamp(25px,4vh,40px)}.mat124-trust-icon{display:grid;place-items:center;flex:0 0 49px;height:49px;border-radius:12px;background:#e1eeff;color:#0069f6}.mat124-trust-icon svg{width:32px;height:32px}.mat124-trust strong{font-size:clamp(12px,1vw,17px);display:block;color:#101e51}.mat124-trust small{font-size:clamp(10px,.8vw,13px);color:#607293;display:block;margin-top:3px}
.mat124-links{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:clamp(12px,1.5vh,20px);font-size:clamp(11px,.78vw,13px);color:#7586a2}.mat124-links button{border:0;background:transparent;color:#0065e8;cursor:pointer;font:inherit;font-weight:750;padding:6px 0}.mat124-links a{color:#0065e8;font-weight:700}
.mat124-foot{color:#a0adc1;text-align:center;margin-top:10px;font-size:clamp(9px,.65vw,11px)}
.mat124-enter{animation:mat124-enter .75s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d,0s)}@keyframes mat124-enter{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:801px) and (min-height:1050px){.mat124-login{grid-template-columns:minmax(0,64%) minmax(0,36%)!important}}
@media(min-width:801px) and (max-height:750px){.mat124-panel{padding:15px 32px}.mat124-logo{max-height:112px;margin-bottom:12px}.mat124-greeting h1{font-size:34px}.mat124-greeting p{margin:6px 0 14px;font-size:16px}.mat124-field{height:48px}.mat124-submit{height:50px}.mat124-divider{margin:10px 0}.mat124-google{height:48px}.mat124-trust{margin-top:12px;padding:9px}.mat124-links{margin-top:5px}}
@media(max-width:800px){html:has(.mat124-login),body:has(.mat124-login){overflow-y:auto!important}.mat124-login{display:flex!important;flex-direction:column!important;min-height:100dvh;height:auto;overflow:visible}.mat124-art{width:100%;height:auto;aspect-ratio:1013/992;flex:none}.mat124-panel{min-height:620px;overflow:visible;padding:36px 24px}.mat124-formwrap{max-width:500px}.mat124-logo{max-height:180px}.mat124-greeting h1{font-size:38px}.mat124-greeting p{font-size:18px}.mat124-featured small{font-size:clamp(11px,2.2vw,19px)}.mat124-featured strong{font-size:clamp(13px,3.1vw,25px)}}
@media(max-width:450px){.mat124-panel{min-height:570px;padding:28px 20px}.mat124-logo{max-height:145px;margin-bottom:22px}.mat124-greeting h1{font-size:34px}.mat124-greeting p{font-size:16px}.mat124-trust strong{font-size:12px}.mat124-trust small{font-size:10px}.mat124-links{font-size:11px}.mat124-featured{border-radius:8px}}
@media(prefers-reduced-motion:reduce){.mat124-enter,.mat124-shimmer{animation:none!important}}

/* Maintain the portrait's natural proportions at ultrawide browser ratios. */
@media(min-width:801px){.mat124-login{grid-template-columns:min(64vw,110dvh) minmax(0,1fr)!important}}
@media(min-width:801px) and (max-height:1000px){.mat124-logo{max-height:clamp(110px,18vh,160px);margin-bottom:clamp(12px,2.4vh,24px)}.mat124-greeting h1{font-size:clamp(34px,2.7vw,49px)}.mat124-greeting p{margin:8px 0 clamp(15px,2.6vh,27px)}.mat124-trust{margin-top:clamp(15px,2.8vh,26px)}.mat124-divider{margin:clamp(11px,2vh,20px) 0}.mat124-links{margin-top:9px}}