.login-page{background:#f5f6f8}
.login-page .auth-layout{grid-template-columns:minmax(0,56%) minmax(0,44%);min-height:100vh}
.login-page .auth-showcase{position:relative;isolation:isolate;display:block;min-width:0;overflow:hidden;padding:72px clamp(48px,5vw,100px);color:#fff;background:radial-gradient(circle at 100% 1%,rgba(255,107,0,.57),transparent 26%),radial-gradient(circle at 0 92%,rgba(255,107,0,.33),transparent 24%),#0b0b0e}
.login-page .auth-showcase::before{content:"";position:absolute;inset:0;z-index:-2;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:82px 82px}
.login-page .auth-showcase::after{content:"";position:absolute;right:-155px;top:-100px;width:510px;height:455px;z-index:-1;border:1px solid rgba(255,107,0,.7);border-radius:0 0 0 150px;box-shadow:0 0 40px rgba(255,107,0,.16);pointer-events:none}
.login-showcase-inner{position:relative;max-width:900px;min-height:calc(100vh - 144px);margin:auto;display:flex;flex-direction:column}
.login-brand{display:flex;align-items:center;gap:22px;white-space:nowrap;font-size:29px;font-weight:750;letter-spacing:-.04em}
.login-brand img{display:block;width:158px;height:79px;flex:0 0 158px;object-fit:contain;background:transparent;border:0;border-radius:0;box-shadow:none}
.login-brand-divider{display:block;width:1px;height:49px;background:#a8abb3;opacity:.8}
.login-brand-light{color:#fff}
.login-brand-dark{color:#111217}
.login-showcase-content{margin:auto 0;max-width:870px;padding:80px 0 40px}
.login-kicker{display:flex;align-items:center;gap:30px;margin:0 0 28px;color:#e4e4e7;text-transform:uppercase;letter-spacing:.27em;font-size:13px;font-weight:600}
.login-kicker span{display:block;width:48px;height:3px;flex:0 0 48px;background:#ff6b00}
.login-showcase-content h1{margin:0;font-size:clamp(54px,4.7vw,88px);line-height:1.04;letter-spacing:-.065em;font-weight:800}
.login-showcase-content h1 em{font-style:normal;color:#ff6b00}
.login-summary{margin:24px 0 0;color:#c7c8ce;font-size:clamp(17px,1.45vw,24px);line-height:1.5}
.login-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:44px;max-width:750px}
.login-benefit{display:flex;flex-direction:column;align-items:flex-start;gap:11px;min-width:0;color:#fff;font-size:15px;font-weight:600}
.login-benefit+.login-benefit{border-left:1px solid rgba(255,107,0,.65);padding-left:32px}
.login-benefit svg{width:34px;height:34px;color:#ff6b00}
.login-page .auth-panel{min-width:0;padding:40px;background:radial-gradient(circle at 100% 0,rgba(255,255,255,.95),transparent 45%),#f4f5f7}
.login-page .auth-card{width:min(594px,100%);padding:50px clamp(30px,4vw,70px) 54px;border:0;border-radius:19px;box-shadow:0 18px 65px rgba(25,29,43,.1)}
.login-page .auth-card .login-brand{margin-bottom:42px}
.login-card-kicker{margin:0 0 10px;color:#667085;text-transform:uppercase;letter-spacing:.24em;font-size:12px;font-weight:700}
.login-page .auth-card h2{margin:0 0 6px;color:#101828;font-size:clamp(28px,2vw,36px);line-height:1.18;letter-spacing:-.035em}
.login-card-intro{margin:0 0 30px;color:#667085;font-size:17px;line-height:1.5}
.login-page .auth-card .alert{margin:0 0 18px}
.login-form{display:grid;gap:0}
.login-form label{display:block;margin:0 0 9px;color:#101828;font-size:15px;font-weight:700}
.login-input-wrap{position:relative;display:flex;align-items:center;margin-bottom:23px}
.login-input-wrap>svg{position:absolute;left:20px;width:21px;height:21px;color:#8090a8;pointer-events:none}
.login-input-wrap input{width:100%;height:54px;min-height:54px;padding:0 55px 0 57px;border:1px solid #d6dce6;border-radius:9px;background:#fbfcfe;color:#101828;font-size:16px}
.login-input-wrap input::placeholder{color:#9aa6b8;opacity:1}
.login-input-wrap input:focus{border-color:#ff6b00;box-shadow:0 0 0 3px rgba(255,107,0,.13)}
.login-password-toggle{position:absolute;right:11px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:7px;background:transparent;color:#748197}
.login-password-toggle:hover,.login-password-toggle:focus-visible{color:#ff6b00;background:#fff1e8;outline:none}
.login-password-toggle svg{width:21px;height:21px}
.login-submit{display:block;width:100%;min-height:56px;margin-top:1px;border:0;border-radius:9px;background:#ff6b00;color:#fff;font-size:17px;font-weight:750;box-shadow:0 10px 24px rgba(255,107,0,.17)}
.login-submit:hover,.login-submit:focus-visible{background:#e96000;outline:3px solid rgba(255,107,0,.18);outline-offset:2px}
.login-forgot{display:block;width:max-content;margin:21px auto 0;color:#f16600;font-size:15px;text-align:center}
.login-forgot:hover,.login-forgot:focus-visible{text-decoration:underline}
@media(max-width:1240px){.login-page .auth-showcase{padding-left:5vw;padding-right:5vw}.login-showcase-content h1{font-size:clamp(48px,5vw,68px)}.login-benefits{gap:14px}.login-benefit+.login-benefit{padding-left:18px}.login-page .auth-panel{padding:26px}.login-page .auth-card{padding-left:38px;padding-right:38px}}
@media(max-width:800px){.login-page .auth-layout{display:block}.login-page .auth-showcase{display:none}.login-page .auth-panel{min-height:100vh;padding:25px}.login-page .auth-card{padding:38px clamp(24px,6vw,44px)}}
@media(max-width:450px){.login-page .auth-panel{padding:14px}.login-page .auth-card{padding:30px 22px;border-radius:15px}.login-brand{gap:11px;font-size:23px}.login-brand img{width:115px;height:58px;flex-basis:115px}.login-brand-divider{height:36px}.login-page .auth-card .login-brand{margin-bottom:34px}.login-card-intro{font-size:15px}.login-input-wrap input{font-size:15px}}