/* Custom styles for better input appearance */
        .input-field, .select-field {
            /* Equivalent of Tailwind's @apply for these classes: */
            width: 100%;
            padding: 0.75rem;
            border: 1px solid #D1D5DB; /* gray-300 */
            border-radius: 0.5rem; /* rounded-lg */
            box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);
            background-color: #fff;
            font-family: 'Inter', sans-serif;
            transition: border-color 0.2s, box-shadow 0.2s;
        }
        .input-field:focus, .select-field:focus {
            border-color: #2563EB; /* primary */
            outline: none;
            box-shadow: 0 0 0 2px #2563EB;
        }

        .centerform {
            display: flex;
            justify-content: center;
            align-items: center;
        }

    .h1form {
        text-align: center !important;
        font-weight: 800 !important;
        font-size: 1.8rem !important;
        line-height: 1.1 !important;
        margin-top: 20px !important;
    }

    .btnsub {

        background-color: #478ac9 !important; /* primary */
    }

        /* Custom style for range input track */
        input[type=range] {
            -webkit-appearance: none;
            appearance: none;
            cursor: pointer;
            height: 0.5rem;
            background: #D1D5DB; /* gray-300 */
            border-radius: 9999px;
            margin: 0.5rem 0;
            transition: all 0.2s;
        }

        /* Custom style for range input thumb (matches primary color) */
        input[type=range]::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 1.5rem;
            height: 1.5rem;
            border-radius: 50%;
            background: #2563EB; /* primary */
            box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.4);
            margin-top: -0.5rem; /* Adjust thumb position */
            transition: background 0.2s, box-shadow 0.2s;
        }

        input[type=range]::-moz-range-thumb {
            width: 1.5rem;
            height: 1.5rem;
            border-radius: 50%;
            background: #2563EB;
            border: none;
            box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.4);
            transition: background 0.2s, box-shadow 0.2s;
        }