body { font-family: 'Inter', sans-serif; }
        h1, h2, h3 { font-family: 'Playfair Display', serif; }
        .accent-bg { background-color: #001F3F; } /* Deep Navy */
        .accent-text { color: #4fc4cb; } /* Gold */
        .secondary-text { color: #001F3F; } /* Deep Navy */
        
        /* Custom Button Style */
        .gold-button {
            background-color: #4fc4cb;
            color: #001F3F;
            transition: all 0.3s;
            box-shadow: 0 4px 6px rgba(0, 31, 63, 0.2);
        }
        .gold-button:hover {
            background-color: #4fc4cb;
            box-shadow: 0 6px 8px rgba(0, 31, 63, 0.3);
        }

        /* 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: #f3f4f6; margin: 10% auto; padding: 30px; border-radius: 8px; width: 90%; max-width: 500px; box-shadow: 0 10px 25px rgba(0,0,0,0.2); border-top: 5px solid #4fc4cb; }
        .close-btn { color: #aaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer; }
        .close-btn:hover, .close-btn:focus { color: #001F3F; 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: #fff; border-radius: 4px; border: 1px solid #001F3F; }
        .checkbox-container input:checked ~ .checkmark { background-color: #001F3F; }