body {
    margin: 0;
    font-family: 'Segoe UI', sans-serif;
}

.custom-background  {
    background: linear-gradient(135deg, #000000, #3bfa01);
}



.bg-black {
    background: linear-gradient(135deg, #000000, #ff007f);
}

.login-container {
    width: 900px;
    height: 500px;
}

.login-left {
    width: 50%;
    background-size: cover;
    background-position: center;
}

.login-right {
    width: 50%;
}


input.form-control {
    border-radius: 0;
    border-bottom: 4px solid #333;
    box-shadow: none;
}

input.form-control:focus {
    outline: none;
    box-shadow: none;
    border-bottom: 4px solid #7e3ff2;
}


.zoom-hover {
    transition: transform 0.2s ease;
}

.zoom-hover:hover {
    transform: scale(1.05);
}