* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   font-family: 'Poppins', sans-serif;
 }

 body {
   height: 100vh;
/*    background: url('../php/images/FondoSAVG2.png') no-repeat center center/cover; */
 background: url('../php/images/fondoSAVG.webp') no-repeat center center/cover;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .login-container {
   width: 350px;
   padding: 40px;
   border-radius: 15px;
   background: rgba(255, 255, 255, 0.30);
   /* backdrop-filter: blur(8px);
   -webkit-backdrop-filter: blur(8px); */
   box-shadow: 0 8px 32px rgba(0, 0, 0, 0.8);
   text-align: center;
   color: white;
 }

 .login-container h2 {
   margin-bottom: 25px;
   font-size: 24px;
   text-transform: capitalize;
 }

 .input-box {
   width: 100%;
   margin: 15px 0;
 }

 .input-box input {
   width: 100%;
   padding: 10px;
   border: none;
   border-bottom: 2px solid white;
   background: transparent;
   color: white;
   font-size: 16px;
   outline: none;
 }


 .login-btn {
   width: 100%;
   padding: 10px;
   border: none;
   background-color: rgba(255, 255, 255, 0.8);
   color: #000;
   border-radius: 8px;
   cursor: pointer;
   font-weight: bold;
   transition: 0.3s;
 }

 .login-btn:hover {
   background-color: #fff;
 }

input::placeholder {
  color: #ffffff; /* Sets the placeholder color to red */
  opacity: 1; /* Ensures full opacity, especially for Firefox */
}