body { font-family: 'Inter', sans-serif; }
       
        .accent-bg { background-color: #762ef9; }
        .accent-text { color: #762ef9; }
        .accent-border { border-color: #762ef9; }
        /* Modal Styles */
        .modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); }
        .modal-content { background-color: #fff; margin: 10% auto; padding: 30px; border-radius: 12px; width: 90%; max-width: 500px; box-shadow: 0 10px 25px rgba(0,0,0,0.2); }
        .close-btn { color: #aaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer; }
        .close-btn:hover, .close-btn:focus { color: #333; text-decoration: none; cursor: pointer; }
        .checkbox-container { display: block; position: relative; padding-left: 30px; margin-bottom: 15px; cursor: pointer; font-size: 16px; user-select: none; }
        .checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
        .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #eee; border-radius: 4px; }
        .checkbox-container input:checked ~ .checkmark { background-color: #762ef9; }