body {
    background: linear-gradient(to bottom, #f3f0ff, #ffffff);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1 0 auto;
}

footer {
    flex-shrink: 0;
}

.btn-primary {
    background: linear-gradient(to right, #8f4ef8, #5d42f8);
    border: none;
}
.btn-primary:hover {
    background: linear-gradient(to right, #7e3de7, #4c31e7);
}

.input-group-text {
    background-color: transparent;
    border-right: none;
}

/*
.form-control {
    border-left: none;  
}
*/

.form-control:focus {
      border-color: #9b87f5;
      box-shadow: 0 0 0 0.25rem rgba(155, 135, 245, 0.25);
}