*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#0d2343;background:#edf4fb}.management-login-page{min-height:100vh}.management-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,61%) minmax(520px,39%);overflow:hidden;background:#edf4fb}
/* Background-only hero + coded interactive content */
.management-login-visual{position:relative;min-height:100vh;background:#0a2547;overflow:hidden;user-select:none;-webkit-user-select:none;isolation:isolate}.management-login-bg{position:absolute;inset:0;width:100%;height:100%;min-height:100vh;display:block;object-fit:cover;object-position:center;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-drag:none;transform:scale(1.03);animation:managementLoginBgMove 18s ease-in-out infinite alternate;will-change:transform,object-position;filter:saturate(1.02) contrast(1.01)}.management-login-visual-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,22,47,.86) 0%,rgba(5,28,56,.66) 42%,rgba(5,28,56,.18) 74%,rgba(5,28,56,0) 100%),linear-gradient(180deg,rgba(2,16,35,.10),rgba(2,16,35,.24));pointer-events:none}.management-login-hero-content{position:relative;z-index:2;min-height:100vh;padding:42px 54px 44px;display:flex;flex-direction:column;align-items:flex-start}.management-login-brand-logo{display:inline-flex;width:min(100%,455px);padding:12px 18px 10px;border-radius:18px;background:rgba(246,250,255,.92);border:1px solid rgba(255,255,255,.55);box-shadow:0 18px 40px rgba(2,17,37,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .22s ease,box-shadow .22s ease}.management-login-brand-logo:hover{transform:translateY(-2px);box-shadow:0 22px 46px rgba(2,17,37,.24)}.management-login-brand-logo img{display:block;width:100%;height:auto;object-fit:contain}.management-login-hero-copy{margin-top:72px;width:min(100%,590px)}.management-login-hero-accent{display:block;width:56px;height:5px;border-radius:999px;background:#e11a2d;box-shadow:0 0 0 6px rgba(225,26,45,.08);margin-bottom:16px}.management-login-hero-copy h2{margin:0;color:#fff;font-size:clamp(46px,4.2vw,74px);line-height:.98;letter-spacing:-2.4px;text-shadow:0 8px 28px rgba(0,0,0,.24)}.management-login-hero-copy h2 em{font-style:normal;color:#ef2139}.management-login-hero-copy>p{margin:18px 0 0;max-width:570px;color:#e6eef9;font-size:clamp(19px,1.35vw,25px);line-height:1.42;text-shadow:0 5px 18px rgba(0,0,0,.18)}.management-login-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px;width:min(100%,610px)}.management-login-feature{display:flex;align-items:center;gap:11px;min-height:74px;padding:12px 14px;border-radius:16px;background:rgba(6,30,58,.42);border:1px solid rgba(191,219,254,.20);box-shadow:0 12px 28px rgba(0,0,0,.11);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}.management-login-feature:hover{transform:translateY(-4px);background:rgba(11,43,78,.66);border-color:rgba(151,204,255,.55);box-shadow:0 18px 32px rgba(0,0,0,.18)}.management-login-feature-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;color:#75c9ff}.management-login-feature-icon svg{width:37px;height:37px;fill:currentColor}.management-login-feature strong,.management-login-feature small{display:block}.management-login-feature strong{color:#fff;font-size:14px;line-height:1.15}.management-login-feature small{margin-top:3px;color:#c6d7ea;font-size:12px;line-height:1.1}.management-login-coverage-note{margin-top:auto;display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:1px;align-items:center;padding:12px 15px 12px 14px;border-radius:14px;background:rgba(6,30,58,.34);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#eef6ff;transition:background .2s ease,transform .2s ease}.management-login-coverage-note:hover{background:rgba(6,30,58,.54);transform:translateY(-2px)}.management-login-coverage-note .coverage-line{grid-row:1/3;width:4px;height:34px;border-radius:99px;background:#e11a2d;box-shadow:0 0 0 5px rgba(225,26,45,.10)}.management-login-coverage-note strong{font-size:12px;text-transform:uppercase;letter-spacing:1.7px}.management-login-coverage-note>span:last-child{font-size:11px;color:#cbd9e8;letter-spacing:.8px}
@keyframes managementLoginBgMove{0%{transform:scale(1.03) translate3d(0,0,0)}50%{transform:scale(1.07) translate3d(-1.2%,0.4%,0)}100%{transform:scale(1.05) translate3d(1.3%,-0.6%,0)}}
@media (prefers-reduced-motion: reduce){.management-login-bg{animation:none;transform:scale(1.03)}}
/* Login panel */
.management-login-panel{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:76px 42px 52px;background:radial-gradient(circle at 52% 20%,#fff 0,#f7fbff 36%,#edf4fb 100%);isolation:isolate}.management-login-panel:before{content:"";position:absolute;left:-54px;top:-5%;bottom:-5%;width:112px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(228,237,247,.96));transform:skewX(-14deg);z-index:-1;box-shadow:-12px 0 25px rgba(7,28,55,.04)}.management-login-panel:after{content:"";position:absolute;right:-80px;bottom:-85px;width:420px;height:170px;border-radius:50% 0 0 0;background:linear-gradient(155deg,transparent 42%,rgba(20,76,139,.16) 43% 56%,rgba(216,20,38,.88) 57% 64%,transparent 65%);z-index:-1;pointer-events:none}.management-login-topline{position:absolute;top:34px;right:42px;color:#28466c;font-size:10px;font-weight:800;letter-spacing:5px;white-space:nowrap}.management-login-topline span{margin:0 8px;color:#6e84a0}.management-login-card{width:min(100%,535px);padding:34px 38px 28px;border-radius:24px;background:rgba(255,255,255,.94);border:1px solid rgba(44,77,117,.11);box-shadow:0 30px 70px rgba(28,61,98,.15);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.management-login-accent{width:58px;height:5px;border-radius:999px;background:#d41426;margin-bottom:12px}.management-login-heading h1{margin:0;font-size:38px;line-height:1.08;letter-spacing:-1.35px;color:#10294d}.management-login-heading p{margin:7px 0 0;color:#657995;font-size:16px;line-height:1.5}.management-login-alert{display:flex;align-items:flex-start;gap:10px;margin:15px 0 0;padding:11px 13px;border-radius:10px;background:#fff2f3;border:1px solid #ffd5d9;color:#a31325;font-size:12px;line-height:1.45}.management-login-alert svg{width:18px;height:18px;fill:currentColor;flex:0 0 18px;margin-top:1px}.management-login-form{display:grid;gap:16px;margin-top:20px}.management-login-field{display:grid;gap:7px}.management-login-field label{font-size:13px;font-weight:800;color:#172b49}.management-login-input-wrap{position:relative}.management-login-input-wrap input{width:100%;height:52px;padding:0 48px;border:1px solid #bbcae0;border-radius:10px;background:#fff;color:#172b49;font:600 14px/1.2 inherit;outline:none;box-shadow:0 3px 10px rgba(34,73,116,.03);transition:border-color .2s,box-shadow .2s,background .2s}.management-login-input-wrap input::placeholder{color:#91a0b6;font-weight:500}.management-login-input-wrap input:focus{border-color:#2f6db5;box-shadow:0 0 0 4px rgba(47,109,181,.10)}.management-login-input-icon{position:absolute;left:16px;top:50%;width:20px;height:20px;transform:translateY(-50%);display:grid;place-items:center;color:#416b9f;pointer-events:none}.management-login-input-icon svg{width:20px;height:20px;fill:currentColor}.management-login-password-toggle{position:absolute;right:10px;top:50%;width:36px;height:36px;transform:translateY(-50%);border:0;border-radius:8px;background:transparent;color:#416b9f;display:grid;place-items:center;cursor:pointer}.management-login-password-toggle:hover{background:#eff5fb}.management-login-password-toggle svg{width:20px;height:20px;fill:currentColor}.management-login-password-toggle .eye-closed{display:none}.management-login-password-toggle.showing .eye-open{display:none}.management-login-password-toggle.showing .eye-closed{display:block}.management-login-options{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:-1px}.management-login-remember{display:flex;align-items:center;gap:8px;color:#223652;font-size:12px;cursor:pointer}.management-login-remember input{width:17px;height:17px;accent-color:#d41426}.management-login-forgot{appearance:none;border:0;background:none;padding:3px 0;color:#0069d9;font:700 12px/1.2 inherit;cursor:pointer}.management-login-forgot:hover{text-decoration:underline}.management-login-reset-help{margin-top:-9px;padding:8px 10px;border-radius:8px;background:#f4f7fb;color:#65748a;font-size:11px}.management-login-submit{height:54px;border:0;border-radius:10px;background:linear-gradient(180deg,#d9152b,#c90e22);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font:900 16px/1 inherit;cursor:pointer;box-shadow:0 12px 28px rgba(204,17,39,.25);transition:transform .2s,box-shadow .2s,filter .2s}.management-login-submit:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(204,17,39,.28);filter:brightness(1.02)}.management-login-submit:active{transform:translateY(0)}.management-login-submit svg{width:20px;height:20px;fill:currentColor}.management-login-divider{display:flex;align-items:center;gap:14px;color:#78889d;font-size:11px}.management-login-divider:before,.management-login-divider:after{content:"";height:1px;flex:1;background:#d5dfeb}.management-login-back{height:50px;border:1px solid #bbcae0;border-radius:10px;background:rgba(255,255,255,.65);color:#0868ce;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:800;transition:background .2s,border-color .2s,transform .2s}.management-login-back:hover{background:#fff;border-color:#8fa9c9;transform:translateY(-1px)}.management-login-back svg{width:19px;height:19px;fill:currentColor}.management-login-security{display:flex;align-items:flex-start;justify-content:center;gap:10px;margin-top:20px;color:#5c708d}.management-login-security>svg{width:20px;height:20px;fill:#126dd6;flex:0 0 20px}.management-login-security strong{display:block;color:#55708f;font-size:11px}.management-login-security span{display:block;margin-top:3px;font-size:10px;line-height:1.4}.management-login-footer{margin-top:28px;text-align:right;align-self:flex-end;color:#17345b;padding-right:18px}.management-login-footer strong{display:block;font-size:10px;letter-spacing:1.3px}.management-login-footer span{display:block;margin-top:3px;font-size:9px;font-style:italic;letter-spacing:2px;color:#7b91ad}.management-login-footer:after{content:"";display:block;width:18px;height:2px;background:#d41426;margin:6px 0 0 auto}
@media(max-width:1280px){.management-login-shell{grid-template-columns:minmax(0,56%) minmax(470px,44%)}.management-login-hero-content{padding:34px 36px 36px}.management-login-brand-logo{width:min(100%,395px)}.management-login-hero-copy{margin-top:56px}.management-login-feature-grid{grid-template-columns:1fr;max-width:360px}.management-login-feature{min-height:62px}.management-login-panel{padding-left:30px;padding-right:30px}.management-login-card{padding:30px 30px 26px}.management-login-topline{right:30px;letter-spacing:3.6px}.management-login-heading h1{font-size:34px}}
@media(max-width:900px){.management-login-shell{display:block;min-height:100vh;background:linear-gradient(180deg,#eef5fb,#f8fbfe)}.management-login-visual{height:330px;min-height:0}.management-login-bg{min-height:0;height:100%;object-fit:cover;object-position:center 48%}.management-login-hero-content{min-height:330px;padding:22px 20px 24px}.management-login-brand-logo{width:320px;padding:9px 12px 8px;border-radius:14px}.management-login-hero-copy{margin-top:22px}.management-login-hero-copy h2{font-size:42px}.management-login-hero-copy>p{font-size:16px;max-width:480px}.management-login-feature-grid{display:flex;gap:8px;margin-top:18px;max-width:none;overflow-x:auto;padding-bottom:4px}.management-login-feature{min-width:175px;min-height:56px;padding:9px 11px}.management-login-feature-icon{width:34px;height:34px;flex-basis:34px}.management-login-feature-icon svg{width:30px;height:30px}.management-login-coverage-note{display:none}.management-login-panel{min-height:calc(100vh - 330px);padding:36px 20px 36px;justify-content:flex-start}.management-login-panel:before,.management-login-panel:after,.management-login-topline{display:none}.management-login-card{width:min(100%,560px);margin-top:-62px;z-index:3}.management-login-footer{align-self:center;text-align:center;padding:0}.management-login-footer:after{margin-left:auto;margin-right:auto}}
@media(max-width:560px){.management-login-visual{height:275px}.management-login-hero-content{min-height:275px;padding:16px 14px 18px}.management-login-brand-logo{width:260px}.management-login-hero-copy{margin-top:16px}.management-login-hero-accent{width:40px;height:4px;margin-bottom:10px}.management-login-hero-copy h2{font-size:34px;letter-spacing:-1.3px}.management-login-hero-copy>p{font-size:14px;margin-top:10px}.management-login-feature-grid{margin-top:12px}.management-login-feature{min-width:155px}.management-login-panel{min-height:calc(100vh - 275px);padding:26px 14px 30px}.management-login-card{margin-top:-48px;padding:26px 20px 22px;border-radius:20px}.management-login-heading h1{font-size:30px}.management-login-heading p{font-size:14px}.management-login-options{align-items:flex-start}.management-login-back,.management-login-submit{height:50px}.management-login-security{justify-content:flex-start}}
@media(max-height:760px) and (min-width:901px){.management-login-hero-copy{margin-top:38px}.management-login-feature-grid{margin-top:22px}.management-login-panel{padding-top:40px;padding-bottom:30px}.management-login-card{padding-top:25px;padding-bottom:22px}.management-login-form{gap:12px}.management-login-security{margin-top:14px}.management-login-footer{margin-top:15px}.management-login-topline{top:20px}}
/* V76: use a straight, clean edge between the portal image and form panel. */
.portal-login-page .management-login-panel::before{content:none}
/* V77: keep the sign-in heading centered directly above its form card. */
.portal-sign-in-page .management-login-panel{padding-top:48px;padding-bottom:40px}
.portal-sign-in-page .management-login-topline{position:static;display:block;width:min(100%,535px);margin:0 0 22px;text-align:center;white-space:normal;line-height:1.8;letter-spacing:3px;text-wrap:balance}
.portal-sign-in-page .management-login-card{width:min(100%,535px);margin-top:0}
@media(max-width:900px){.portal-sign-in-page .management-login-panel{padding-top:28px}.portal-sign-in-page .management-login-topline{margin-bottom:18px}}
@media(max-width:620px){.portal-sign-in-page .management-login-topline{font-size:9px;letter-spacing:2px}.portal-sign-in-page .management-login-topline span{margin:0 4px}}