/* Kreo Kalshi — Kalshi brand kit palette (primary #28CC95, secondary #003221, Yes #265CFF) */

.kreo-kalshi-page.kreo-page {
    --kalshi-brand: #28cc95;
    --kalshi-brand-muted: #0ac285;
    --kalshi-teal: #003221;
    --kalshi-yes: #265cff;
    --kalshi-no: #aa00ff;

    --accent-green: #28cc95;
    --accent-green-hover: #4ae0b0;
    --accent-blue: #265cff;
    --accent-blue-hover: #5a7cff;
    --text-accent: #7aedd0;

    --gradient-primary: linear-gradient(135deg, #265cff 0%, #28cc95 52%, #0ac285 100%);
    --gradient-hero: linear-gradient(165deg, #010604 0%, #04221a 38%, #063024 100%);

    --border-glow: rgba(40, 204, 149, 0.35);
    --shadow-glow: 0 0 32px rgba(40, 204, 149, 0.2);
    --shadow-glow-lg: 0 0 48px rgba(38, 92, 255, 0.18), 0 12px 40px rgba(40, 204, 149, 0.12);
    --shadow-hover: 0 16px 56px rgba(40, 204, 149, 0.14);
}

@keyframes kalshi-badge-glow {
    0% {
        box-shadow: 0 0 20px rgba(40, 204, 149, 0.28);
        border-color: rgba(40, 204, 149, 0.35);
    }
    100% {
        box-shadow: 0 0 28px rgba(38, 92, 255, 0.22), 0 0 24px rgba(40, 204, 149, 0.35);
        border-color: rgba(38, 92, 255, 0.4);
    }
}

.kreo-kalshi-page.kreo-page .hero-badge {
    animation: kalshi-badge-glow 3s ease-in-out infinite alternate;
}

.kreo-kalshi-page.kreo-page .hero-section.kreo-hero {
    background:
        radial-gradient(ellipse 88% 52% at 50% -28%, rgba(40, 204, 149, 0.2), transparent 56%),
        radial-gradient(ellipse 42% 38% at 96% 12%, rgba(38, 92, 255, 0.14), transparent 52%),
        radial-gradient(ellipse 55% 70% at 0% 85%, rgba(0, 50, 33, 0.75), transparent 48%),
        var(--gradient-hero);
}

.kreo-kalshi-page.kreo-page .kreo-hero-title .gradient-text {
    background: linear-gradient(135deg, #6b8fff 0%, #28cc95 42%, #0ac285 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.kreo-kalshi-page.kreo-page .kreo-carousel-shell::before {
    background: var(--gradient-primary);
}

.kreo-kalshi-page.kreo-page .kreo-topic-card::before {
    background: var(--gradient-primary);
}

.kreo-kalshi-page.kreo-page .kreo-carousel-copy {
    box-shadow: 0 4px 18px rgba(40, 204, 149, 0.3);
}

.kreo-kalshi-page.kreo-page .kreo-carousel-copy:hover {
    box-shadow: 0 6px 24px rgba(38, 92, 255, 0.28);
}

.kreo-kalshi-page.kreo-page .kreo-carousel-profile {
    color: #a8f5dc;
    text-decoration-color: rgba(40, 204, 149, 0.45);
}

.kreo-kalshi-page.kreo-page .kreo-carousel-profile:hover {
    color: var(--accent-green);
    text-decoration-color: var(--accent-green);
}

.kreo-kalshi-page.kreo-page .kreo-carousel-nav:hover {
    border-color: var(--accent-green);
    color: var(--accent-green);
}

.kreo-kalshi-page.kreo-page .kreo-carousel-dot.is-active {
    background: var(--kalshi-brand);
}

.kreo-kalshi-page.kreo-page .main-content {
    background: linear-gradient(180deg, #060d0b 0%, var(--bg-secondary) 8%, #0a1512 38%, var(--bg-primary) 100%);
}

.kreo-kalshi-page.kreo-page .main-content a:not(.cta-primary):not(.floating-cta) {
    color: #a8f5dc;
    text-decoration-color: rgba(40, 204, 149, 0.45);
}

.kreo-kalshi-page.kreo-page .main-content a:not(.cta-primary):not(.floating-cta):hover {
    color: var(--accent-green);
    text-decoration-color: var(--accent-green);
}

.kreo-kalshi-page.kreo-page .main-content .breadcrumb a {
    color: var(--accent-green);
}

.kreo-kalshi-page.kreo-page .main-content .breadcrumb a:hover {
    color: var(--accent-green-hover);
}

.kreo-kalshi-page.kreo-page .kreo-toc a:hover {
    color: var(--accent-green);
    border-left-color: var(--accent-green);
}

.kreo-kalshi-page.kreo-page .kreo-toc a:hover::before {
    background: var(--accent-green);
}

.kreo-kalshi-page.kreo-page article section h3 {
    color: rgba(122, 237, 208, 0.75);
}

.kreo-kalshi-page.kreo-page article code,
.kreo-kalshi-page.kreo-page .faq-section code {
    background: rgba(38, 92, 255, 0.12);
    border: 1px solid rgba(40, 204, 149, 0.28);
    color: #b8e8ff;
}

.kreo-kalshi-page.kreo-page .kreo-hero-cta .cta-primary {
    box-shadow: 0 4px 28px rgba(38, 92, 255, 0.22), 0 4px 20px rgba(40, 204, 149, 0.2);
}

.kreo-kalshi-page.kreo-page .kreo-topic-card:hover {
    border-color: rgba(40, 204, 149, 0.35);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35), 0 0 24px rgba(40, 204, 149, 0.08);
}

.kreo-kalshi-page.kreo-page .faq-question:hover {
    color: var(--accent-green);
}

.kreo-kalshi-page.kreo-page .faq-item:hover {
    border-color: rgba(40, 204, 149, 0.45);
    box-shadow: 0 8px 32px rgba(40, 204, 149, 0.1);
}

.kreo-kalshi-page.kreo-page .faq-icon,
.kreo-kalshi-page.kreo-page .faq-item.active .faq-icon {
    color: var(--kalshi-yes);
}

.kreo-kalshi-page.kreo-page .footer-link:hover {
    color: var(--accent-green);
}