body.auth-shell{background:var(--bg-app);min-height:100vh}
/*.auth-grid{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}*/
.auth-grid{display:flex;grid-template-columns:1fr 1fr;min-height:100vh}
.auth-aside{
  background:linear-gradient(135deg,#0f172a 0%,#1e293b 60%,#1e3a8a 100%);
  color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between;
  position:relative;overflow:hidden
}
.auth-aside::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 80% 20%,rgba(124,58,237,.35),transparent 50%),
             radial-gradient(circle at 10% 90%,rgba(52,87,255,.4),transparent 55%);
  pointer-events:none
}
.auth-aside > *{position:relative;z-index:1}
.auth-aside .brand{border:none;padding:0;height:auto}
.auth-aside .brand-name{font-size:18px}
.auth-hero h1{font-size:38px;font-weight:800;letter-spacing:-.025em;line-height:1.1;margin:0 0 16px}
.auth-hero p{color:rgba(255,255,255,.75);font-size:15px;max-width:380px;margin:0 0 24px}
.auth-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13.5px;color:rgba(255,255,255,.85)}
.auth-points i{color:#34d399;margin-right:6px}
.auth-logos{display:flex;gap:24px;color:rgba(255,255,255,.5);font-weight:600;font-size:13px;letter-spacing:.1em;flex-wrap:wrap;}

/*.auth-panel{display:flex;align-items:center;justify-content:center;padding:48px 24px}*/
.auth-panel{display:flex;align-items:center;justify-content:center;padding:48px 24px; margin: 0 auto;}
.auth-card{width:100%;max-width:400px}
.auth-title{font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0}
.auth-sub{color:var(--text-muted);font-size:14px;margin:6px 0 24px}
.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--text-muted);font-size:12px}
.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:var(--border)}
.btn-sso{justify-content:center;font-weight:500}
.auth-form .form-control{height:42px}
.auth-foot{text-align:center;color:var(--text-muted);font-size:13px;margin-top:20px}

.pw-strength{display:flex;align-items:center;gap:4px;margin-top:8px}
.pw-strength .s{flex:1;height:4px;background:#e2e8f0;border-radius:99px}
.pw-strength .s.on.s1{background:#ef4444}
.pw-strength .s.on.s2{background:#f59e0b}
.pw-strength .s.on.s3{background:#16a34a}
.pw-strength small{margin-left:8px}

.otp-row{display:flex;gap:8px;justify-content:center;margin-top:20px}
.otp-cell{
  width:48px;height:56px;text-align:center;font-size:22px;font-weight:700;
  border:1px solid var(--border-strong);border-radius:var(--r-md);background:#fff
}
.otp-cell:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px rgba(52,87,255,.12)}
.logo-size{ width:65%;  }
@media (max-width: 991px){
  .auth-grid{grid-template-columns:1fr}
  .auth-aside{display:none}
  .auth-panel{padding:32px 20px}
}