/* Authentication pages share the operational admin palette. */
:root{
  --bg:#08111f;
  --card:#111e30;
  --card2:#14233a;
  --text:#edf4ff;
  --muted:#91a6c1;
  --muted2:#b4c5db;
  --border:rgba(151,184,224,.14);
  --border2:rgba(151,184,224,.28);
}
html{color-scheme:dark}
body{
  background:radial-gradient(circle at 50% -25%,rgba(44,111,209,.16),transparent 60%),var(--bg);
  color:var(--text);
}
.card{
  background:var(--card);
  border:1px solid var(--border2);
  border-radius:16px;
  box-shadow:0 24px 60px rgba(0,0,0,.26);
}
.card::before{display:none}
.brand-icon{
  background:#347cf0;
  border-radius:15px;
  box-shadow:0 10px 28px rgba(32,95,204,.2);
}
.brand-icon::after{display:none}
.brand-icon svg{color:#fff}
.brand-name{background:none;-webkit-background-clip:initial;background-clip:initial;color:#a8d2ff}
.brand-tag{color:var(--muted2)}
.field input,.otp-input{
  background:#0c1728;
  border-color:var(--border2);
  color:var(--text);
}
.field input::placeholder,.otp-input::placeholder{color:#7187a4}
.field input:focus,.otp-input:focus{
  outline:none;
  border-color:#78b5ff;
  box-shadow:0 0 0 3px rgba(59,130,246,.2);
}
.btn:not(.btn-secondary){
  background:#347cf0;color:#fff;
  border:1px solid #5a9afa;
  box-shadow:none;
}
.btn:not(.btn-secondary):hover{
  background:#4b90f5;
  box-shadow:0 7px 20px rgba(32,95,204,.2);
}
:where(a,button,input):focus-visible{outline:2px solid #8ec3ff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}