/* Base Variables & Global Styles */
:root {
    --text-primary: #fff;
    --text-secondary: #b0b8c5;
    --glass-bg: rgba(255, 255, 255, 0.05);
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --secondary-gradient: linear-gradient(135deg, #00d2ff 0%, #3a7bd5 100%);
    --primary-color: #667eea;
}

/* Global Styles */
.results-section {
    overflow-x: hidden;
}

/* Utility Classes */
.d-none {
    display: none !important;
}

/* Animations */
@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-5px);
    }

    75% {
        transform: translateX(5px);
    }
}

.shake-animation {
    animation: shake 0.2s ease-in-out 0s 2;
}

/* Accessibility */
.btn-read-more:focus {
    outline: 2px solid rgba(102, 126, 234, 0.5);
    outline-offset: 2px;
}