body {
       background-color: #EFEFEF;
       min-height: 100vh;
       display: flex;
       align-items: center;
       justify-content: center;
   }

   .btn.btn-primary:hover {

       color: #e0e349;
   }

   .login-box {
       background-color: #fff;
       border-radius: 1rem;
       padding: 2rem;
       width: 100%;
       margin: 0 auto;
       max-width: 400px;
       box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
   }

   .register-box {
       background-color: #fff;
       border-radius: 1rem;
       padding: 2rem;
       margin: 0 auto;
       width: 100%;
       max-width: 500px;
       box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
   }

   .recovery-box {
       background-color: #fff;
       border-radius: 1rem;
       padding: 2rem;
       margin: 0 auto;
       width: 100%;
       max-width: 450px;
       box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
   }

   .form-title {
       font-size: 1.1rem;
       font-weight: 600;
       margin-bottom: 1rem;
   }

   .form-link {
       display: block;
       text-align: center;
       margin-top: 1rem;
   }