#custom-modal {
                display: none;
                position: fixed;
                top: 0; left: 0;
                width: 100%; height: 100%;
                background-color: rgba(0,0,0,0.5);
                z-index: 99999;
                justify-content: center;
                align-items: center;
            }
            #modal-content {
                background-color: #cdf0b0;
                max-width: 680px;
                padding: 50px;
                border-radius: 15px;
                text-align: left;
                position: relative;
                box-shadow: 0 0 10px rgba(0,0,0,0.3);
                color: #526075!important;
                font-family: 'Kakadu', sans-serif;
            }
            #modal-content a { color: #526075!important; }
            #modal-content h3 {
                font-size: 30px; font-weight: 500; line-height: 34px;
                color: #1f4384; margin-bottom: 23px;
            }
            #modal-content p { font-size: 16px; font-weight: 400; line-height: 26px; }
            #modal-close { position: absolute; top: 20px; right: 20px; cursor: pointer; }
            body.modal-open { overflow: hidden; }