.login-container{display:flex;justify-content:center;align-items:center;background-size:cover;background-position:50%;padding:30px;margin-bottom:20px}.login-box{background:linear-gradient(135deg,rgba(0,0,0,.9),hsla(0,0%,39%,.6));padding:20px;border-radius:10px;max-width:430px;width:100%;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.2)}.intro-text{text-align:justify;color:#d1cece;margin-bottom:20px}.title{font-size:2rem;font-weight:700;color:#d1cece;margin-bottom:10px}.subtitle{font-size:1.25rem;color:#d1cece;margin-bottom:20px}.form{display:flex;flex-direction:column;gap:15px}.form-label{text-align:left;color:#d1cece;font-weight:700;margin-bottom:1px}.input{padding:12px;width:100%;border:1px solid #ccc;border-radius:5px;font-size:1rem;background-color:#f0ebeb;color:#d1cece;transition:background-color .9s ease}.input:focus{background-color:hsla(0,0%,100%,.2);color:#d1cece}.input::placeholder{color:#d1cece}.password-wrapper{position:relative}.password-input{padding-right:2.5rem}.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;font-size:1.1rem}.button,.toggle-password{border:none;cursor:pointer;color:#d1cece}.button{background:linear-gradient(135deg,rgba(0,0,0,.9),hsla(0,0%,39%,.6));padding:12px;border-radius:5px;font-size:1rem}.button:hover{background-color:#0056b3}.or{color:#000;margin:20px 0}.link{color:#d1cece;text-decoration:none}.link:hover{text-decoration:underline}.error{color:#d1cece;font-size:.9rem}.text-white{color:#d1cece;margin-top:10px;font-style:italic}