/* fx-auth.css — sign-in / register / reset / MFA pages */
html[data-theme] body{background:var(--bg)}
html[data-theme] .auth-wrap:not(#_){display:grid!important;grid-template-columns:minmax(380px,.95fr) 1.05fr!important;min-height:100vh;background:var(--bg)!important}
html[data-theme] .fx-auth-hero:not(#_){position:relative;display:flex!important;flex-direction:column;justify-content:space-between;gap:48px;padding:48px clamp(32px,5vw,72px)!important;overflow:hidden;color:#eef2ff!important;
  background:radial-gradient(70% 60% at 100% 0%,rgba(110,168,255,.30),transparent 60%),radial-gradient(60% 50% at 0% 100%,rgba(244,184,96,.16),transparent 60%),#0b1530!important}
html[data-theme] .fx-auth-hero::before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(80% 70% at 70% 20%,#000,transparent 75%);pointer-events:none}
html[data-theme] .fx-auth-hero>*{position:relative}
html[data-theme] .fx-auth-logo:not(#_){font-size:26px;font-weight:800;letter-spacing:-.04em;color:#fff!important;text-decoration:none}
html[data-theme] .fx-auth-logo span:not(#_){color:#6ea8ff!important}
html[data-theme] .fx-auth-copy h1:not(#_){margin:0 0 16px;font-size:clamp(36px,4vw,54px)!important;line-height:1.02!important;letter-spacing:-.045em!important;font-weight:800!important;color:#fff!important}
html[data-theme] .fx-auth-copy h1 em:not(#_){font-family:var(--fx-serif,Georgia,serif)!important;font-style:italic;font-weight:400!important;color:#f4b860!important}
html[data-theme] .fx-auth-copy p:not(#_){max-width:440px;margin:0 0 32px;font-size:17px;line-height:1.65;color:#b8c3dd!important}
.fx-auth-points{list-style:none;margin:0;padding:0;display:grid;gap:18px;max-width:440px}
.fx-auth-points li{display:grid;grid-template-columns:28px 1fr;column-gap:14px}
.fx-auth-points li::before{content:"";grid-row:span 2;width:28px;height:28px;border-radius:50%;background:rgba(110,168,255,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236ea8ff' stroke-width='3'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/13px no-repeat}
html[data-theme] .fx-auth-points strong:not(#_){font-size:15px;color:#fff!important}
html[data-theme] .fx-auth-points span:not(#_){font-size:14px;line-height:1.5;color:#8d9bbd!important}
.fx-auth-quote{margin:0;padding:22px 24px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.04)}
html[data-theme] .fx-auth-quote blockquote:not(#_){margin:0 0 12px;font-size:16px;line-height:1.55;color:#eef2ff!important}
html[data-theme] .fx-auth-quote figcaption:not(#_){font:500 12px/1.4 var(--fx-mono,monospace);letter-spacing:.04em;color:#8d9bbd!important}

html[data-theme] .auth-form-wrap:not(#_){display:flex!important;flex-direction:column;justify-content:center;width:100%;max-width:520px;margin:0 auto;padding:56px clamp(24px,5vw,56px)!important;background:transparent!important}
html[data-theme] .auth-form-wrap h2:not(#_){margin:0 0 6px;font-size:34px!important;letter-spacing:-.035em!important;font-weight:800!important;color:var(--text)!important}
html[data-theme] .auth-form-wrap .subtitle:not(#_){margin:0 0 28px;color:var(--text-2)!important;font-size:15px}
html[data-theme] .auth-form-wrap .form-control:not(#_){height:50px}
html[data-theme] .auth-form-wrap .btn-block:not(#_){height:52px;justify-content:center;font-size:15px!important}
html[data-theme] .auth-divider:not(#_){color:var(--muted)!important}
@media (max-width:900px){
  html[data-theme] .auth-wrap:not(#_){grid-template-columns:1fr!important}
  html[data-theme] .fx-auth-hero:not(#_){padding:28px 24px!important;gap:20px}
  .fx-auth-points,.fx-auth-quote{display:none}
  html[data-theme] .fx-auth-copy h1:not(#_){font-size:32px!important}
  html[data-theme] .fx-auth-copy p:not(#_){margin:0;font-size:15px}
  html[data-theme] .auth-form-wrap:not(#_){padding:32px 20px 48px!important}
}
html[data-theme] .fx-auth-hero:not(#_){text-align:left!important;align-items:stretch!important}
html[data-theme] .fx-auth-hero :is(h1,p,ul,li,figure):not(#_){text-align:left!important;margin-left:0!important}
@media (max-width:900px){.fx-auth-login .fx-auth-copy h1{display:none}}