body { background: radial-gradient(circle, #FAF6EE 0%, #E6D5BC 100%) !important; }
        body, html {font-size: 16px !important;}
        .public-card-container { /*max-width: 650px;*/ max-width: 850px; margin: 40px auto; }
        .branding-logo { text-align: center; margin-bottom: 25px; }
        
      .bg-light-info{
        background: #fff9f0!important;
      }
      
      
      .text-brown{
       color: #5C3D24!important;
      }
      
      .btn-check:checked+.btn.btn-active-light-info, .btn.btn-active-light-info:hover:not(.btn-active){
        background: #fff9f0!important;
      }
      .badge-info, .btn-info{
      	background:#5C3D24!important;
      }
        /* Hides native calendar picker arrow triggers inside WebKit web browsers engines natively */
        input[type="date"]::-webkit-calendar-picker-indicator {
            background: transparent;
            bottom: 0;
            color: transparent;
            cursor: pointer;
            height: auto;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            width: auto;
            z-index: 5;
        }
        .select2-container--bootstrap5.select2-container--focus:not(.select2-container--disabled) .form-select-solid, .select2-container--bootstrap5.select2-container--open:not(.select2-container--disabled) .form-select-solid {
            background-color: #fff9f0!important;;
        }
        .form-select.form-select-solid {
            background-color: #fff9f0!important;;
        }

		.poweredby {
            width: 150px;
            margin-top: 10px;
            margin-bottom: 10px;
            cursor: pointer;
            /* filter: grayscale(1); */
            filter: sepia(100%) hue-rotate(15deg) saturate(150%) brightness(85%);
			transition-duration: 500ms;
            opacity: 0.9;
        }
        .poweredby:hover {
            filter: grayscale(0);
            opacity: 1;
        }

    /* ========================================================================= */
    /* AESTHETIC FULL-SCREEN WELCOME PANEL STYLES                                */
    /* ========================================================================= */
    .welcome-splash-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fcfbfa; /* Soft aesthetic cream backdrop canvas */
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 999999;
        padding: 20px;
        box-sizing: border-box;
    }
    
    .welcome-splash-card {
        position: relative; /* CRITICAL: Establishes a container boundary rule for your background images */
        overflow: hidden;   /* Keeps background graphics neatly cropped within the curved border corners */
        text-align: center;
        width: 100%;
        height: 100%;
        /*height: calc(100vh - 40px);*/
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 40px 20px;
        background: #ffffff;
        border-radius: 16px;
        box-shadow: 0 10px 30px rgba(184, 164, 142, 0.08);
        border: 1px solid rgba(229, 222, 212, 0.5);
        box-sizing: border-box;
        animation: splashCardEntrance 0.6s cubic-bezier(0.16, 1, 0.3, 1);
        
        
        /*background-image: linear-gradient(225deg, rgb(247, 233, 243) 0%, rgb(231, 243, 255) 16.667%, rgb(221, 250, 255) 33.333%, rgb(229, 251, 235) 50%, rgb(245, 246, 220) 66.667%, rgb(251, 237, 224) 83.333%, rgb(240, 227, 244) 100%);*/
        background: linear-gradient(135deg, #fcfaf2 0%, #f4efe2 50%, #e8dec5 100%);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }
    
    /* ========================================================================= */
    /* ✅ BACKGROUND DECORATIVE PNG GRAPHICS SIDE PANELS (INJECTED LAYERS)     */
    /* ========================================================================= */
    .welcome-splash-card::before,
    .welcome-splash-card::after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%); /* Keeps images centered perfectly from top to bottom */
        width: 250px;  /* Adjust width size parameter based on your graphic assets proportions */
        height: 100%;  /* Fills the height of the white card canvas container box */
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 1;    /* Sits right below the greeting title text layer fields safely */
        opacity: 0.85; /* Soft opacity blending to keep the text perfectly readable */
        pointer-events: none; /* Prevents background graphics from blocking button clicks */
    }
    /* INSULATED CONTENT CONTEXT LAYER */
    .welcome-splash-content-inner {
        position: relative;
        z-index: 2; /* 🔥 FORCES TEXT ELEMENTS TO DISPLAY ABOVE THE PNG SIDE GRAPHICS LAYER */
        max-width: 600px;
        width: 100%;
    }
    
    /* ========================================================================= */
    /* CORE ELEMENTS GRAPHICS AND FONTS FORMATS CELL SCALINGS                    */
    /* ========================================================================= */
    .welcome-splash-icon {
        font-size: 64px;
        margin-bottom: 16px;
        display: inline-block;
        filter: drop-shadow(0 4px 8px rgba(0,0,0,0.05));
    }
    
    .welcome-splash-title {
        font-family: 'Playfair Display', 'Georgia', serif;
        color: #b66c7e;
        font-size: 32px;
        font-weight: 600;
        margin: 0 0 16px 0;
        letter-spacing: 1px;
        text-shadow: 1px 1px 2px pink;
    }
    .welcome-splash-title span{
        font-size:60%;
        color: #2c2520;
        font-weight:normal;
    }
    .welcome-splash-greeting {
        font-family: 'Inter', 'Helvetica Neue', sans-serif;
        color: #6e645e;
        font-size: 16px;
        line-height: 1.6;
        margin: 0 0 36px 0;
        font-weight: 400;
    }
    
    .welcome-splash-btn {
        font-family: 'Inter', 'Helvetica Neue', sans-serif;
        background-color: #b66c7e;
        color: #ffffff;
        border: none;
        padding: 16px 40px;
        font-size: 16px;
        font-weight: 600;
        border-radius: 8px;
        cursor: pointer;
        box-shadow: 0 4px 14px rgba(212, 163, 115, 0.3);
        transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
    }
    
    .welcome-splash-btn:hover {
        background-color: #c59262;
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(212, 163, 115, 0.4);
    }
    
    .welcome-splash-btn:active { transform: translateY(0); }
    .welcome-splash-btn .btn-arrow { transition: transform 0.2s ease; }
    .welcome-splash-btn:hover .btn-arrow { transform: translateX(4px); }
    
    @keyframes splashCardEntrance {
        0% { opacity: 0; transform: scale(0.98); }
        100% { opacity: 1; transform: scale(1); }
    }
    
    /* RESPONSIVE FILTER FOR EXTRA LARGE DISPLAYS VS MOBILE */
    @media (max-width: 768px) {
        /* Hide decoration side graphics on mobile viewports so text doesn't clash on tiny screens */
        .welcome-splash-card::before,
        .welcome-splash-card::after {
            display: none !important;
        }
    }