/* Kill Material Dashboard overlays */
.full-page:before,
.full-page:after {
    display: none !important;
}

/* Navbar logo */
.navbar-brand img {
    height: 38px;
    margin-top: -6px;
}

/* Login card styling */
.card-login {
    background: rgba(15, 15, 20, 0.96);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.9);
}

/* Gold header */
.card-header[data-background-color="yellow"] {
    background: linear-gradient(135deg, #f5c76a, #d4af37);
}

/* Gold button */
.btn-warning {
    background: linear-gradient(135deg, #f5c76a, #d4af37);
    color: #111;
}

/* Text contrast */
body, label, .control-label {
    color: #eaeaea;
}

.gdx-logo-wrapper { margin-bottom: 15px; }

/* Bigger login logo (outside card) */
.gdx-login-logo {
    height: 70px;          /* was ~48px */
    max-width: 100%;
    opacity: 0.96;
}

/* Add spacing above email field */
.card-login .input-group:first-of-type {
    margin-top: 30px;
}

/* Global spacing between form fields */
.card-login .input-group {
    margin-bottom: 10px;   /* subtle, not tall */
}

/* Slightly more space after email */
.card-login .input-group:has(input[type="email"]) {
    margin-bottom: 14px;
}

/* Keep referral fields tighter as a pair */
.card-login .input-group.referral-code {
    margin-bottom: 6px;
}
.card-login .input-group.referral-qr {
    margin-top: 2px;
}

/* Space before password section */
.card-login .input-group:has(input[type="password"]) {
    margin-top: 6px;
}

.gdx-logo-wrapper {
    transition: opacity 0.6s ease, transform 0.6s ease;
}

/* Logo hidden state (so it can fade in) */
.logo-hidden {
    opacity: 0;
    transform: translateY(-40px);
}

/* Video background */
.gdx-login-bg{
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  background: #000; /* fallback */
}

.gdx-bg-video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

/* Overlay */
.gdx-login-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(
    ellipse at center,
    rgba(0,0,0,0.25) 0%,
    rgba(0,0,0,0.75) 55%,
    rgba(0,0,0,0.95) 100%
  );
  z-index: 1;
}

.gdx-login-bg .content,
.gdx-login-bg nav,
.gdx-login-bg .footer{
  position: relative;
  z-index: 2;
}

.gdx-forgot-wrapper {
  margin-top: 16px;   /* space from Sign In button */
}

.gdx-forgot-link {
  font-size: 13px;
  color: #d4af37;
  text-decoration: none;
  transition: color 0.2s ease;
  text-decoration: underline;
}

.gdx-forgot-link:hover {
  color: #d4af37;
  text-decoration: underline;
}

.gdx-back-wrapper {
  margin-top: 18px;   /* space below the button */
}

/* optional: slightly more relaxed on mobile */
@media (max-width: 480px) {
  .gdx-back-wrapper {
    margin-top: 22px;
  }
}

.gdx-counter-wrap{
    opacity: 0 !important;
    transform: translateY(-16px) !important; /* start ABOVE */
    transition: opacity .8s ease, transform .8s ease !important;
    will-change: transform, opacity;
}

.gdx-counter-wrap.counter-visible{
    opacity: 1 !important;
    transform: translateY(0) !important; /* slide DOWN into place */
}