body {
            background: linear-gradient(to bottom right, #ff9a9e, #fad0c4);
            font-family: 'Arial', sans-serif;
        }
        .card-login {
            border: none;
            border-radius: 15px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        }
        .card-login .form-control {
            border: 1px solid #ccc;
            border-radius: 5px;
        }
        .btn-primary {
            background: #ff6f61;
            border: none;
            border-radius: 25px;
        }
        .btn-primary:hover {
            background: #e65550;
        }
        .error-message {
            color: red;
            text-align: center;
            font-weight: bold;
        }
        /* Responsive Design */
        @media (max-width: 576px) {
            .card-login {
                margin: 0 15px;
            }
            .g-recaptcha {
                transform: scale(0.85);
                transform-origin: 0 0;
            }
        }
        @media (max-width: 400px) {
            .g-recaptcha {
                transform: scale(0.75);
                transform-origin: 0 0;
            }
        }