body { font-family: 'Orbitron', sans-serif; background-color: #121212; color: #E0E0E0; }
        .accent-bg { background-color: #1a9cf4; } /* Neon Cyan */
        .accent-text { color: #1a9cf4; }
        .dark-card { background-color: #1F1F1F; }
        
        /* Custom Glowing Button */
        .neon-button {
            background-color: #1a9cf4;
            color: #121212;
            transition: all 0.3s;
            box-shadow: 0 0 10px rgba(26, 156, 244, 0.5);
        }
        .neon-button:hover {
            background-color: #1a9cf4;
            box-shadow: 0 0 15px rgba(26, 156, 244, 0.8);
        }

        /* 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.7); }
        .modal-content { background-color: #1F1F1F; margin: 10% auto; padding: 30px; border-radius: 10px; width: 90%; max-width: 500px; box-shadow: 0 0 20px rgba(26, 156, 244, 0.3); border: 1px solid #1a9cf4; }
        .close-btn { color: #aaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer; }
        .close-btn:hover, .close-btn:focus { color: #1a9cf4; 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: #333; border-radius: 4px; border: 1px solid #1a9cf4; }
        .checkbox-container input:checked ~ .checkmark { background-color: #1a9cf4; }