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

.login-card {
    border: none;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.btn-primary {
    background-color: #3656a3;
    border: none;
}

.btn-primary:hover {
    background-color: #273f7a;
}

@media (max-width: 1024px) {
    .login-card {
        padding: 2rem !important;
    }
    .login-card h3 {
        font-size: 1.6rem !important;
    }
    .form-label {
        font-size: 1.05rem !important;
    }
    .form-control {
        font-size: 1.1rem !important;
        padding: 0.75rem 1rem !important;
    }
    .btn-lg {
        padding: 0.75rem 1rem !important;
        font-size: 1.15rem !important;
    }
    .text-center p, .text-center a, .d-flex a {
        font-size: 1.05rem !important;
    }
}