body { background: #0b1220; }
    .auth-wrap { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
    .auth-card {
      border: 0; border-radius: 18px; overflow: hidden;
      box-shadow: 0 20px 60px rgba(0,0,0,.35);
      max-width: 980px; width: 100%;
    }
    .auth-left {
      background:
        radial-gradient(1200px 500px at 10% 10%, rgba(13,110,253,.35), transparent 55%),
        radial-gradient(900px 420px at 90% 30%, rgba(32,201,151,.20), transparent 55%),
        linear-gradient(160deg, #0b1220 0%, #0e1b33 100%);
      color: #e8eefc;
      padding: 36px;
      height: 100%;
    }
    .badge-soft {
      background: rgba(255,255,255,.10);
      border: 1px solid rgba(255,255,255,.12);
      color: #e8eefc;
      border-radius: 999px;
      padding: .35rem .7rem;
      font-size: .85rem;
      display: inline-flex;
      gap: .4rem;
      align-items: center;
    }
    .auth-right { padding: 36px; background: #fff; }
    .form-control { border-radius: 12px; }
    .btn { border-radius: 12px; }
    .auth-right .input-group { align-items: stretch; }
    .auth-right .input-group > .form-control {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      min-height: 44px;
    }
    .auth-right .input-group > .btn {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      min-width: 52px;
      min-height: 44px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }
    .brand-mark {
      width: 44px; height: 44px;
      border-radius: 14px;
      display: inline-grid;
      place-items: center;
      background: rgba(255,255,255,.12);
      border: 1px solid rgba(255,255,255,.16);
    }
    .small-muted { color: rgba(255,255,255,.75); }
    a { text-decoration: none; }