/* Neomorphism Style */
    body {
        background-color: #e0e5ec; /* Light grey background */
        font-family: 'Arial', sans-serif;
    }

    .form-container {
        width: 400px;
        margin: 30px auto;
        padding: 20px;
        border-radius: 15px;
        background: #e0e5ec;
        box-shadow: 8px 8px 15px #a3b1c6,
                    -8px -8px 15px #ffffff;
    }

    .form-container label,
    .form-container select,
    .form-container input[type="submit"] {
        display: block;
        margin-bottom: 10px;
        color: #333; /* Darker text for better readability */
    }

    .form-container input[type="text"],
    .form-container input[type="email"],
    .form-container input[type="date"],
    .form-container input[type="tel"] {
        width: 90%;
        padding: 12px;
        margin: 6px 0;
        border-radius: 10px;
        border: none;
        background: #e0e5ec;
        box-shadow: inset 6px 6px 6px #a3b1c6,
                    inset -6px -6px 6px #ffffff;
    }

    .form-container input[type="submit"] {
        background-color: #08BB8D;
        color: white;
        border: none;
        padding: 12px 20px;
        font-size: 18px;
        border-radius: 10px;
        box-shadow: 4px 4px 8px #a3b1c6,
                    -4px -4px 8px #ffffff;
        cursor: pointer;
    }

    .form-container input[type="submit"]:hover {
        background-color: #06a67c;
    }

    h1, h2 {
        text-align: center;
    }

    h1 {
        color: #08BB8D;
        font-size: 40px;
    }

    h2 {
        color: #08088D;
        font-size: 30px;
    }

    /* Responsive adjustments */
    @media (max-width: 768px) {
        .form-container {
            padding: 20px;
            max-width: 90%;
        }

        h1 {
            font-size: 36px;
        }

        h2 {
            font-size: 28px;
        }

        .form-container input[type="text"],
        .form-container input[type="email"],
        .form-container input[type="date"],
        .form-container input[type="tel"],
        .form-container input[type="submit"] {
            padding: 15px;
            font-size: 16px;
        }
    }

    @media (max-width: 480px) {
        .form-container {
            padding: 20px;
            max-width: 95%;
        }

        h1 {
            font-size: 34px;
        }

        h2 {
            font-size: 26px;
        }

        .form-container input[type="text"],
        .form-container input[type="email"],
        .form-container input[type="date"],
        .form-container input[type="tel"],
        .form-container input[type="submit"] {
            padding: 18px;
            font-size: 18px;
        }
    }