/* Dark Modal Styling */
    .custom-dark-modal {
        background-color: #050505; /* Your body background */
        color: #e0e0e0;
        border: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    /* Scrollbar styling for the modal */
    .modal-body::-webkit-scrollbar {
        width: 8px;
    }
    .modal-body::-webkit-scrollbar-track {
        background: #050505; 
    }
    .modal-body::-webkit-scrollbar-thumb {
        background: #333; 
        border-radius: 4px;
    }
    .modal-body::-webkit-scrollbar-thumb:hover {
        background: #555; 
    }

    /* Your Provided Typography Styles adapted for Modal context */
    .terms-section {
        margin-bottom: 30px;
    }

    .terms-section h2 {
        font-weight: 600;
        color: #fff;
        margin-bottom: 15px;
        font-size: 1.1rem; /* Slightly smaller for modal */
    }

    .terms-section p, .terms-section ul li {
        font-weight: 300;
        color: #aaa;
        line-height: 1.6;
        font-size: 0.95rem;
    }

    .terms-section ul {
        list-style-type: none;
        padding-left: 0;
    }

    .terms-section ul li {
        margin-bottom: 8px;
        padding-left: 15px;
        position: relative;
    }

    .terms-section ul li::before {
        content: "•";
        color: #fff;
        position: absolute;
        left: 0;
        font-weight: bold;
    }

    .last-updated {
        font-family: monospace;
        color: #666;
        font-size: 0.8rem;
        margin-bottom: 5px;
    }

    .highlight {
        color: #fff;
        font-weight: 500;
    }