/* Facts Ticker Styles */
.facts-ticker-section {
    background: #0f0f0f;
    padding: 24px 0;
    margin: 60px 0;
    border-top: 1px solid #2a2a2a;
    border-bottom: 1px solid #2a2a2a;
    overflow: hidden;
}

.facts-ticker-wrapper {
    position: relative;
}

.facts-ticker {
    display: flex;
    gap: 48px;
    align-items: center;
}

.fact-item {
    display: flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
    padding: 0 24px;
    border-right: 1px solid #333;
}

.fact-item:last-child {
    border-right: none;
}

.fact-icon {
    font-size: 24px;
    flex-shrink: 0;
}

.fact-text {
    color: #e0e0e0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

.fact-cta {
    padding: 0 24px;
}

.fact-cta .tf-btn {
    white-space: nowrap;
    padding: 10px 20px;
    font-size: 14px;
}

/* Pause on hover */
.facts-ticker:hover {
    animation-play-state: paused !important;
}

.facts-ticker .fact-item:hover {
    cursor: pointer;
}

.facts-ticker .fact-item:hover .fact-text {
    color: #0C5AF5;
}

/* Modal Styles */
#reportModal .modal-content {
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 12px;
}

#reportModal .modal-header {
    border-bottom: 1px solid #333;
    padding: 24px;
}

#reportModal .modal-body {
    padding: 24px;
}

#reportModal .btn-close {
    filter: invert(1);
    opacity: 0.8;
}

#reportModal .btn-close:hover {
    opacity: 1;
}

#reportModal fieldset input {
    width: 100%;
    padding: 12px 16px;
    background: #0f0f0f;
    border: 1px solid #333;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
}

#reportModal fieldset input:focus {
    outline: none;
    border-color: #0C5AF5;
}

#reportModal fieldset input::placeholder {
    color: #666;
}

@media (max-width: 768px) {
    .facts-ticker-section {
        padding: 16px 0;
        margin: 40px 0;
    }
    
    .fact-text {
        font-size: 13px;
    }
    
    .fact-icon {
        font-size: 20px;
    }
}