:root{
  --auth-red:#e11d2e;
  --auth-red-bright:#ff3745;
  --auth-red-deep:#9f0f1c;
  --auth-black:#0b0b0b;
  --auth-graphite:#17181c;
  --auth-panel:#111216;
  --auth-line:#2a2c31;
  --auth-text:#ece9e5;
  --auth-muted:#92949a;
}
.login-page{
  min-height:100vh;
  min-height:100dvh;
  padding:32px;
  background:
    radial-gradient(circle at 12% 8%,rgba(225,29,46,.14),transparent 30rem),
    radial-gradient(circle at 88% 82%,rgba(159,15,28,.08),transparent 26rem),
    linear-gradient(rgba(225,29,46,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(225,29,46,.018) 1px,transparent 1px),
    linear-gradient(180deg,#0a0a0b,#0d0e10 55%,#080809);
  background-size:auto,auto,68px 68px,68px 68px,auto;
}
.login-page:before{display:none}
.auth-shell{width:min(1080px,96vw);max-width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,480px);border:1px solid #26282d;border-radius:24px;overflow:hidden;background:rgba(10,10,12,.9);box-shadow:0 40px 120px rgba(0,0,0,.58)}
.auth-story{position:relative;min-height:620px;padding:54px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #24262b;background:
  radial-gradient(circle at 65% 35%,rgba(225,29,46,.16),transparent 19rem),
  linear-gradient(135deg,rgba(225,29,46,.055),transparent 35%),
  #0b0c0f;
  overflow:hidden}
.auth-story:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(225,29,46,.13);border-radius:50%;right:-130px;top:90px;box-shadow:0 0 0 70px rgba(225,29,46,.022),0 0 0 140px rgba(225,29,46,.012)}
.auth-story>*{position:relative;z-index:1}
.auth-story .brand{font-size:1.05rem}
.auth-story .brand span,.login-card>.brand span{background-image:url('/assets/loaderauth-mark.svg');filter:drop-shadow(0 8px 18px rgba(225,29,46,.18))}
.auth-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:#c64b56;font-weight:800}
.auth-story h2{max-width:590px;margin:18px 0 0;font-size:clamp(2.45rem,5vw,4.8rem);line-height:.98;letter-spacing:-.055em}
.auth-story h2 em{font-style:normal;color:var(--auth-red)}
.auth-story p{max-width:590px;margin:22px 0 0;color:#a1a3a8;font-size:1rem;line-height:1.75}
.auth-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:34px}
.auth-point{padding:14px 15px;border:1px solid #2a2b30;border-radius:12px;background:rgba(17,18,22,.76)}
.auth-point strong{display:block;color:#e8e5e1;font-size:.86rem}
.auth-point span{display:block;margin-top:3px;color:#73767d;font-size:.73rem}
.auth-footnote{color:#5f6269;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}
.login-card.auth-card{width:100%;max-width:none;min-height:620px;padding:46px 42px;border:0;border-radius:0;background:linear-gradient(160deg,#15161a,#0e0f12);box-shadow:none}
.login-card.auth-card:before{left:42px;right:42px;background:linear-gradient(90deg,var(--auth-red),rgba(225,29,46,.1),transparent)}
.login-card.auth-card>.brand{display:none}
.login-card.auth-card h1{margin-top:18px;color:var(--auth-text);font-size:2rem}
.login-card.auth-card .muted{color:var(--auth-muted)}
.login-card.auth-card label{color:#c8c5c1}
.login-card.auth-card input{min-height:46px;border-color:#2c2e33;background:#0b0c0f;color:#f3efeb;border-radius:10px}
.login-card.auth-card input:hover{border-color:#3a3c42}
.login-card.auth-card input:focus{border-color:#7d2730;background:#0d0e11;box-shadow:0 0 0 3px rgba(225,29,46,.11)}
.login-card.auth-card button{min-height:46px;border-color:#ff5260;background:linear-gradient(180deg,#f23a49,#d9192b);color:#fff;box-shadow:0 11px 28px rgba(225,29,46,.18)}
.login-card.auth-card button:hover{box-shadow:0 15px 34px rgba(225,29,46,.28)}
.login-card.auth-card a{color:#ff6b76}.login-card.auth-card a:hover{color:#ff9aa2}
.login-card.auth-card .alert{border-color:#6f242c;background:#2a1015;color:#ffb6bd}
.auth-card-head{margin-bottom:26px}
.auth-card-head .auth-kicker{margin-bottom:8px}
.auth-security-note{display:flex;gap:10px;margin:20px 0 0;padding:13px 14px;border:1px solid #292b30;border-radius:10px;background:#0d0e11;color:#85888f;font-size:.77rem;line-height:1.55}
.auth-security-note:before{content:"◆";color:var(--auth-red);font-size:.68rem;margin-top:2px}
.auth-divider{height:1px;margin:24px 0;background:linear-gradient(90deg,#2c2e33,transparent)}
@media(max-height:720px) and (min-width:521px){.login-page{place-items:start center}.auth-shell{margin-block:12px}}
@media(max-width:860px){.auth-shell{grid-template-columns:1fr;max-width:620px}.auth-story{min-height:auto;padding:32px;border-right:0;border-bottom:1px solid #24262b}.auth-story>div>div[style*="margin-top"]{margin-top:40px!important}.auth-story h2{font-size:2.35rem}.auth-story p{font-size:.92rem}.auth-points{display:none}.auth-footnote{margin-top:30px}.login-card.auth-card{min-height:auto;padding:34px 30px}.login-card.auth-card:before{left:30px;right:30px}}
@media(max-width:520px){.login-page{padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));place-items:start center}.auth-shell{width:100%;border-radius:18px}.auth-story{padding:24px 21px}.auth-story>div>div[style*="margin-top"]{margin-top:28px!important}.auth-story h2{font-size:2rem}.auth-story p{margin-top:14px}.login-card.auth-card{padding:28px 21px}.login-card.auth-card:before{left:21px;right:21px}.login-card.auth-card h1{font-size:1.65rem}.login-card.auth-card input{font-size:16px}.login-card.auth-card button{width:100%}}