.sw-auth-page {
  min-height: calc(100vh - 91px);
  display: grid;
  place-items: start center;
  padding: 34px 16px 88px;
  background: var(--sw-bg);
}
.sw-auth-card {
  width: min(100%, 480px);
  background: var(--sw-surface);
  border: 1px solid var(--sw-border);
  border-radius: 8px;
  padding: 22px;
  box-shadow: 0 18px 60px rgba(0, 0, 0, .24);
}
.sw-auth-card--register { width: min(100%, 520px); }
.sw-auth-card__brand { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.sw-auth-card__logo { width: 148px; height: auto; max-height: 50px; object-fit: contain; }
.sw-auth-card__brand span { color: var(--sw-yellow); font-size: 12px; font-weight: 950; text-transform: uppercase; }
.sw-auth-card h1 { margin: 0; font-size: 25px; font-weight: 950; }
.sw-auth-card p { color: var(--sw-muted); margin: 6px 0 18px; }
.sw-auth-card .btn, .login-modal .btn { border-radius: 4px; min-height: 42px; font-weight: 900; }
.btn--base { background: var(--sw-green) !important; color: #061d10 !important; border: 0 !important; }
.btn--dark { background: #34495a !important; color: white !important; border: 0 !important; }
.t-link--base, .base-clr { color: var(--sw-yellow) !important; }
.register-flow__steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; margin-bottom: 14px; border: 1px solid var(--sw-green); border-radius: 4px; overflow: hidden; }
.register-flow__step { min-height: 42px; display: grid; place-items: center; background: transparent; color: var(--sw-muted); font-weight: 900; }
.register-flow__step.is-active, .register-flow__step.is-complete { background: var(--sw-green); color: #061d10; }
.register-flow__panel { display: none; }
.register-flow__panel.is-active { display: block; }
.register-flow__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; }
.social-login-btn, .social-login-list a { background: var(--sw-odds) !important; border: 1px solid var(--sw-border) !important; color: var(--sw-text) !important; }
.login-page {
  min-height: calc(100vh - 91px);
  display: grid;
  place-items: start center;
  padding: 42px 16px 88px;
  background: radial-gradient(circle at 50% 0, rgba(0,199,100,.16), transparent 38%), var(--sw-bg) !important;
}
.login-page__img { display: none; }
.login-form, .verification-area {
  width: min(100%, 460px);
  margin: 0 auto;
  padding: 18px;
  background: var(--sw-surface);
  border: 1px solid var(--sw-border);
  border-radius: 6px;
  box-shadow: 0 18px 60px rgba(0,0,0,.25);
}
.login-form__title { margin: 0 0 8px; color: var(--sw-text); font-size: 22px; font-weight: 750; }
.verification-code-wrapper { width: min(100%, 460px); }