:root {
            --color-primary: #9e5bce;
            --color-secondary: #7748a8;
            --color-tertiary: #D6CFFF;
            --color-light: #EBE3F5;
            --color-white: #FEFEFF;
            --gradient-primary: linear-gradient(135deg, #7C80FC, #7748a8);
            --gradient-secondary: linear-gradient(135deg, #D6CFFF, #EBE3F5);
            --shadow-light: 0 5px 15px rgba(124, 128, 252, 0.1);
            --shadow-medium: 0 10px 30px rgba(124, 128, 252, 0.15);
            --shadow-heavy: 0 20px 40px rgba(124, 128, 252, 0.2);
        }




.login-section
{
  padding: 200px 0;
  min-height: 100vh;
  /***background: var(--color-light);***/
  background: var(--gradient-primary);
  
}


.form-signin {
  padding: 2rem;
  background: var(--gradient-light);
  width: 50vh;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-radius: 2;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-radius: 0;
}