*{box-sizing:border-box}body{margin:0;background:#f4f5f7;color:#202632;font-family:'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}.login-shell{display:grid;grid-template-columns:1.08fr 1fr;min-height:100vh;min-height:100svh;padding:18px;gap:18px}.brand-panel{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:35px 48px;border-radius:24px;background:radial-gradient(ellipse at 100% 95%,#801c29 0,transparent 60%),linear-gradient(145deg,#181a20,#26202a 60%,#361e27);color:#fff}.brand-panel:before{content:'';position:absolute;z-index:-1;right:-330px;bottom:-320px;width:780px;height:780px;border:1px solid #ffffff0b;border-radius:50%;box-shadow:0 0 0 70px #ffffff03,0 0 0 71px #ffffff08,0 0 0 145px #ffffff02,0 0 0 146px #ffffff06;pointer-events:none}.brand-panel:after{content:'';position:absolute;left:48px;top:0;height:3px;width:70px;background:#ef283d}.brand-top{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:600;letter-spacing:1.7px;color:#acacb8}.brand-dot{height:6px;width:6px;border-radius:50%;background:#f34958;box-shadow:0 0 12px #ed334a55}.divider{margin:0 4px;color:#66636e}.brand-content{margin:65px auto;max-width:510px;width:100%}.login-brand-lockup{display:flex;align-items:center;gap:15px;margin-bottom:52px;font-size:20px;font-weight:750;letter-spacing:-.5px}.login-mark{width:72px;height:72px;background:#fff;border-radius:18px;display:grid;place-items:center;box-shadow:0 8px 20px #0002}.login-mark img{object-fit:contain}.login-brand-lockup b{color:#ff5a67}.login-brand-lockup small{display:block;font-size:10px;font-weight:400;letter-spacing:.25px;color:#a9a4ae;margin-top:6px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:2px;color:#bbb1bc;margin:0 0 20px}h1{font-size:clamp(44px,4.5vw,72px);font-weight:700;line-height:1.08;letter-spacing:-3px;margin:0}h1 span{color:#ff5968}.brand-description{color:#c0b7c1;font-size:14px;line-height:1.85;margin:25px 0 28px}.brand-bottom{display:flex;align-items:center;gap:10px;font-size:11px;color:#d4c8d0}.brand-bottom>span{width:24px;height:2px;background:#ff5264}.brand-capabilities{display:flex;gap:9px;flex-wrap:wrap;margin-top:42px}.brand-capabilities span{font-size:10px;color:#d2c7d0;background:#ffffff05;border:1px solid #ffffff14;border-radius:7px;padding:9px 13px}.panel-footer{display:flex;justify-content:space-between;gap:10px;color:#9f8c99;font-size:9px}.panel-footer>span:first-child{letter-spacing:1.5px;font-weight:600}.form-panel{display:flex;flex-direction:column;justify-content:space-between;padding:25px 9%;background:#fff;border:1px solid #e7eaf0;border-radius:24px}.form-top{display:flex;align-items:center;justify-content:flex-end;gap:7px;color:#8a93a2;font-size:10px}.form-top>span{height:6px;width:6px;border-radius:50%;background:#289b75}.form-content{width:100%;max-width:380px;margin:65px auto}.welcome-icon{width:58px;height:58px;background:#fff;border:1px solid #e9ecf1;border-radius:16px;display:grid;place-items:center;box-shadow:0 5px 15px #28395205;margin-bottom:29px}.form-eyebrow{color:#b92133;letter-spacing:1.6px;font-size:9px;margin-bottom:12px}h2{font-size:31px;font-weight:700;line-height:1.25;letter-spacing:-1px;margin:0}.form-description{font-size:12px;color:#8a93a2;line-height:1.8;margin:12px 0 32px}.field-group{margin-bottom:21px}label{display:block;font-size:12px;font-weight:600;margin-bottom:9px;color:#455065}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap>svg{position:absolute;width:18px;height:18px;left:16px;color:#9aa4b2;pointer-events:none}input{height:53px;width:100%;padding:0 46px;border:1px solid #e1e6ee;border-radius:10px;background:#fafbfd;color:#27364c;font:inherit;font-size:12px;transition:box-shadow .15s,border-color .15s}input::placeholder{color:#a0a8b5}input:focus{outline:none;border-color:#d87884;box-shadow:0 0 0 4px #bc203309;background:#fff}.password-toggle{display:grid;place-items:center;position:absolute;right:7px;width:38px;height:38px;border:0;border-radius:7px;background:transparent;color:#929dad;cursor:pointer}.password-toggle svg{width:18px;height:18px}.password-toggle:hover{color:#c32135;background:#fff0f2}.submit-button{display:flex;align-items:center;justify-content:space-between;height:53px;width:100%;padding:0 19px;border:0;border-radius:10px;background:#c90000;color:white;font:inherit;font-size:12px;font-weight:650;cursor:pointer;box-shadow:0 6px 17px #c9000017;margin-top:27px;transition:background .15s,transform .15s}.submit-button>span:last-child{font-size:23px;font-weight:400}.submit-button:hover{background:#ad0012;transform:translateY(-1px)}.submit-button:disabled{opacity:.65;cursor:wait;transform:none}button:focus-visible{outline:3px solid #e39aa2;outline-offset:3px}.help-note{display:flex;gap:10px;margin-top:29px;padding-top:23px;border-top:1px solid #edf0f4;color:#9099a8;font-size:11px;line-height:1.8}.help-note p{margin:0}.help-note>span{font-size:16px}.form-footer{text-align:center;font-size:10px;color:#9da5b2;padding:0 0 8px}.form-footer span{margin:0 8px;color:#c6cbd3}#login-message{padding:12px 14px;background:#fff1f3;border:1px solid #f2d7dd;color:#ae2033;border-radius:9px;font-size:12px;line-height:1.7;margin:0 0 18px}[hidden]{display:none!important}@media(min-width:1600px){.brand-panel{padding:45px 10%}.form-panel{padding:35px 14%}.brand-content{margin:80px auto}}@media(max-width:1050px){.brand-panel{padding:30px}.form-panel{padding:28px 8%}.brand-top{font-size:8px;letter-spacing:1px}h1{font-size:49px}.panel-footer{flex-direction:column}}@media(max-width:760px){.login-shell{display:block;padding:12px}.brand-panel{padding:23px;border-radius:18px}.brand-top,.brand-content>.eyebrow,.brand-description,.brand-bottom,.brand-capabilities,.panel-footer{display:none}.brand-content{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0;max-width:none}.login-brand-lockup{font-size:14px;gap:10px;margin:0;letter-spacing:-.3px}.login-mark{height:46px;width:46px;border-radius:12px;flex-shrink:0}.login-mark img{width:34px;height:30px}.login-brand-lockup small{font-size:8px;max-width:130px;line-height:1.5}h1{font-size:26px;letter-spacing:-1px;line-height:1.15}.form-panel{margin-top:12px;border-radius:18px;min-height:calc(100svh - 144px);padding:23px 28px}.form-top{justify-content:center;font-size:9px}.form-content{margin:35px auto;max-width:420px}.welcome-icon{margin-bottom:23px}h2{font-size:28px}.form-footer{line-height:1.8}}@media(max-width:380px){.brand-content h1{display:none}.form-panel{padding:22px}.form-content{margin:28px auto}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Motion stays decorative and respects the visitor's motion preference. */
@keyframes login-enter{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes login-glow{0%,100%{transform:translate3d(0,0,0);opacity:.35}50%{transform:translate3d(-26px,-18px,0);opacity:.65}}
@keyframes login-spin{to{transform:rotate(360deg)}}
@keyframes login-error{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}60%{transform:translateX(3px)}}
.brand-content,.form-content{animation:login-enter .65s ease-out both}.form-content{animation-delay:.1s}.form-content .field-group{animation:login-enter .5s ease-out both;animation-delay:.18s}.form-content .field-group+.field-group{animation-delay:.25s}.brand-panel .brand-content:before{content:'';position:absolute;z-index:-1;pointer-events:none;width:360px;height:360px;right:-140px;bottom:-100px;border-radius:50%;background:radial-gradient(circle,#ee283c40,transparent 70%);animation:login-glow 12s ease-in-out infinite}.brand-content{position:relative;isolation:isolate}.submit-button.is-loading>span:last-child{font-size:0;display:block;width:18px;height:18px;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:login-spin .75s linear infinite}.is-error-entering{animation:login-error .3s ease-out}.input-wrap:focus-within>svg{color:#c32135;transition:color .2s}.input-wrap input{transition:border-color .2s,box-shadow .2s,background .2s}@media(prefers-reduced-motion:reduce){.brand-content,.form-content,.form-content .field-group,.brand-panel .brand-content:before,.submit-button.is-loading>span:last-child,.is-error-entering{animation:none!important}.input-wrap input{transition:none!important}}