.offcanvas.offcanvas-end {
    width: 66%;
}
.offcanvas-body {
    display: flex;
    flex-direction: column;
    padding-top: 250px;
}
#email-auth-form {
    width: 400px;
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    margin-top: 50px;
}
#password-reset-form {
    width: 400px;
    background: white;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #ddd;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    margin-top: 50px;
}
#email-input {
    text-align: center;
}
.btn-primary {
    background-color: transparent !important;
    color: #3AA6A8 !important;
    border: 2px solid #3AA6A8 !important;
    transition: all 0.3s ease-in-out;
}

.btn-primary:hover {
    background-color: #3AA6A8 !important;
    color: white !important;
}

.btn-primary:focus,
.btn-primary:active {
    box-shadow: 0 0 5px rgba(58, 166, 168, 0.5) !important; 
}
.btn-custom:disabled {
    background-color: #d3d3d3 !important;
    color: #a0a0a0 !important;
    border: 2px solid #b0b0b0 !important;
    cursor: not-allowed;
    opacity: 0.6;
}