:root{
      --brand:#2563eb;
       --brand-1:#2563eb;
      --brand-2:#9333ea;
      --muted:#6b7280;
      --surface:#f3f4f6;
      --white:#ffffff;
      --footer-bg:#0f1724; /* dark, formal footer */
      --topbar-bg:#e9eaea;  /* light gray top utility bar */
    }


body {
  font-family: 'Poppins', sans-serif;
  background: linear-gradient(135deg, #e0f2fe, #fef9c3);
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}
.auth-container {
  background: #ffffffcc;
  backdrop-filter: blur(8px);
  border-radius: 16px;
  padding: 40px;
  max-width: 450px;
  width: 100%;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

.auth-logo {
  text-align: center;
  margin-bottom: 20px;
      font-weight: 700;
    color: var(--brand);
}
.auth-logo img {
  width: 120px;
}

.auth-logo-link {text-decoration: none;}
.nav-tabs .nav-link {
  font-weight: 600;
  color: #2563eb;
}
.nav-tabs .nav-link.active {
  color: #fff;
  background-color: #2563eb;
  border-radius: 12px;
}
.tab-content {
  margin-top: 20px;
}
.form-control {
  border-radius: 12px;
}
.btn-primary {
  border-radius: 25px;
}
.toggle-link {
  color: #2563eb;
  cursor: pointer;
  font-weight: 500;
}
.toggle-link:hover {
  text-decoration: underline;
}
.social-btn {
  border-radius: 25px;
  width: 100%;
  margin-bottom: 10px;
  font-weight: 600;
}
.btn-facebook {
  background-color: #1877F2;
  color: white;
}
.btn-facebook:hover {
  background-color: #145dbf;
  color: white;
}
.btn-google {
  background-color: #DB4437;
  color: white;
}
.btn-google:hover {
  background-color: #b3362c;
  color: white;
}
.divider {
  text-align: center;
  margin: 20px 0;
  position: relative;
}
.divider::before, .divider::after {
  content: '';
  height: 1px;
  width: 40%;
  background: #ccc;
  position: absolute;
  top: 50%;
}
.divider::before { left: 0; }
.divider::after { right: 0; }
.divider span { background: #fff; padding: 0 10px; position: relative; }



  
/* CSS for Cookie Popup */

  .cookie-popup {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: #222;
    color: #fff;
    padding: 15px 20px;
    border-radius: 8px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    z-index: 1000;
  }
  .cookie-popup a {
    color: #4CAF50;
    text-decoration: underline;
  }
  .cookie-btn {
    background: #0d6efd /* #3498db #4CAF50*/;
    color: white;
    border: none;
    padding: 8px 15px;
    border-radius: 5px;
    cursor: pointer;
  }
  .cookie-btn:hover {
    background: #45a049;
  }


  /* CSS for Back to Top Button */

  .back-to-top {
    position: fixed;
    bottom: 40px;
    right: 20px;
    display: none;
    background: #0d6efd/* #3498db #4CAF50 */;
    color: white;
    border: none;
    padding: 12px 15px;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    transition: opacity 0.3s, visibility 0.3s;
    z-index: 1000;
  }
  .back-to-top:hover {
    background: #45a049;
  }