/* Animated gradient background */

 

@keyframes gradientBG {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}

/* Form container */
body {
  margin: 0;
  padding: 0;
  height: 100vh;  /* only full screen, no scroll */
  background: url("Food Delivery Fun in Vibrant Colors.png") no-repeat center center fixed;
  background-size: cover; /* fit screen */
}

/* Form stays fixed */
.auth-container {
   position: fixed; 
   height: 350px;
   top: 50%;
   right: 40px;
   transform: translateY(-50%);
   width: 400px;
   background: var(--eye-ball);
   padding: 20px;
   border-radius: 10px;
   box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}


/* Inputs */
.auth-container input {
  width: 100%;
  max-width: 380px;  /* or adjust as per design */

  padding: 12px;
  margin: 10px 0;
  border-radius: 8px;
  border: none;
  outline: none;
  font-size: 14px;
}

/* Buttons */
.auth-container button {
  width: 100%;
  padding: 12px;
  margin-top: 15px;
  background: chocolate;
  color:#fff;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s;
}

.auth-container button:hover {
  background: #fc913a;
}

/* Links */

.auth-container p {
  margin: 10px 0;    /* space between texts */
  font-size: 14px;
}

.auth-container a {
  color: black;
  text-decoration: underline;
  font-weight: 600;
}

#google-login-btn {
  background: #db4437;  /* Google red */
  margin-top: 10px;
}