body {
  background: #071006 !important;
}

.wrap {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
}

.auth-page {
  position: relative !important;
  min-height: calc(100vh - 74px) !important;
  overflow: hidden !important;
  padding: 40px 16px !important;

  background:
radial-gradient(circle at 15% 20%, rgba(132,189,0,.55), transparent 32%),
radial-gradient(circle at 80% 15%, rgba(88,160,255,.22), transparent 30%),
radial-gradient(circle at 75% 80%, rgba(132,189,0,.35), transparent 36%),
radial-gradient(circle at 20% 85%, rgba(255,255,255,.10), transparent 32%),
linear-gradient(
135deg,
#081109 0%,
#132417 30%,
#152b35 70%,
#0f172a 100%);
}

.auth-page::before{

content:"";

position:absolute;
inset:-35%;

background:

radial-gradient(circle,
rgba(132,189,0,.34),
transparent 40%),

radial-gradient(circle,
rgba(80,170,255,.18),
transparent 42%),

radial-gradient(circle,
rgba(255,255,255,.08),
transparent 36%);

filter:blur(90px);

mix-blend-mode:screen;

animation: appleFlow 8s ease-in-out infinite alternate;

opacity:.9;

}

.auth-card {
  position: relative;
  z-index: 2;
}

@keyframes appleFlow {
  0% {
    transform: translate(-18%, -10%) scale(1) rotate(0deg);
  }

  50% {
    transform: translate(14%, 10%) scale(1.25) rotate(90deg);
  }

  100% {
    transform: translate(-8%, 16%) scale(1.08) rotate(180deg);
  }
}

  .auth-page {
    min-height: calc(100vh - 140px);

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 32px 16px;
  }

  .premium-login-card {
    position: relative;
    overflow: hidden;

    max-width: 410px;
    width: 100%;

    border-radius: 28px;
    padding: 34px 32px 28px;

    background:
      radial-gradient(circle at top left, rgba(132,189,0,.18), transparent 38%),
      linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);

    border: 1px solid rgba(15,23,42,.08);

    box-shadow:
      0 28px 70px rgba(15,23,42,.18),
      inset 0 1px 0 rgba(255,255,255,.95);
  }

  .premium-login-card::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
      linear-gradient(
        135deg,
        rgba(255,255,255,.30),
        transparent 32%,
        rgba(132,189,0,.08)
      );

    pointer-events: none;
  }

  .premium-login-card > * {
    position: relative;
    z-index: 2;
  }

  .auth-logo-wrap {
    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 20px;

    border-radius: 18px;

    background:
      linear-gradient(135deg, #1d3b0f, #111827);

    border: 1px solid rgba(132,189,0,.22);

    box-shadow:
      0 14px 32px rgba(15,23,42,.22),
      inset 0 1px 0 rgba(255,255,255,.16);
  }

  .auth-logo {
    width: 38px;
    height: 38px;
    border-radius: 11px;
  }

  .auth-title {
    font-size: 28px;
    font-weight: 850;
    letter-spacing: -.03em;
    color: #0f172a;
  }

  .auth-sub {
    margin-top: 6px;
    margin-bottom: 22px;

    font-size: 14px;
    color: #64748b;
  }

  .auth-last-login {
    margin-bottom: 14px;

    font-size: 12px;
    color: #64748b;

    padding: 9px 11px;
    border-radius: 12px;

    background: rgba(15,23,42,.04);
    border: 1px solid rgba(15,23,42,.06);
  }

  .premium-login-card .form-group {
    margin-bottom: 15px;
  }

  .premium-login-card label {
    font-size: 13px;
    font-weight: 700;
    color: #334155;
  }

  .premium-login-card input[type="text"],
  .premium-login-card input[type="password"] {
    margin-top: 6px;

    height: 44px;

    border-radius: 14px;
    border: 1px solid #dbe3ea;

    background: #ffffff;

    font-size: 14px;

    transition:
      border-color .18s ease,
      box-shadow .18s ease;
  }

  .premium-login-card input[type="text"]:focus,
  .premium-login-card input[type="password"]:focus {
    border-color: rgba(132,189,0,.65);

    box-shadow:
      0 0 0 4px rgba(132,189,0,.12);

    outline: none;
  }

  .premium-login-btn {
    margin-top: 6px;
    height: 46px;

    border-radius: 999px;

    background:
      linear-gradient(135deg, #1d3b0f, #254d12 42%, #111827);

    font-weight: 800;

    box-shadow:
      0 14px 30px rgba(15,23,42,.18),
      0 0 0 1px rgba(132,189,0,.18);

    transition:
      transform .18s ease,
      box-shadow .18s ease,
      filter .18s ease;
  }

  .premium-login-btn:hover {
    transform: translateY(-1px);

    filter: brightness(1.05);

    box-shadow:
      0 18px 38px rgba(15,23,42,.24),
      0 0 18px rgba(132,189,0,.14);
  }

  .auth-footer {
    margin-top: 22px;

    text-align: center;

    font-size: 12px;
    color: #94a3b8;
  }