/* Kreo Polymarket — Polymarket brand kit (Poly Blue #2E5CFF, navy surfaces) */

.kreo-polymarket-page.kreo-page {
    --poly-blue: #2e5cff;
    --poly-blue-mid: #5b8cff;
    --poly-blue-light: #8cb4ff;
    --poly-navy-deep: #0a1628;

    --accent-blue: #2e5cff;
    --accent-blue-hover: #5b7cff;
    --accent-green: #6b93ff;
    --accent-green-hover: #8cb4ff;
    --text-accent: #9bb8ff;

    --gradient-primary: linear-gradient(135deg, #2e5cff 0%, #5b8cff 48%, #8cb4ff 100%);
    --gradient-hero: linear-gradient(165deg, #050a14 0%, #0c1830 40%, #0f2240 100%);

    --border-glow: rgba(46, 92, 255, 0.38);
    --shadow-glow: 0 0 32px rgba(46, 92, 255, 0.22);
    --shadow-glow-lg: 0 0 48px rgba(46, 92, 255, 0.28), 0 12px 40px rgba(46, 92, 255, 0.12);
    --shadow-hover: 0 16px 56px rgba(46, 92, 255, 0.16);
}

@keyframes polymarket-badge-glow {
    0% {
        box-shadow: 0 0 20px rgba(46, 92, 255, 0.3);
        border-color: rgba(46, 92, 255, 0.35);
    }
    100% {
        box-shadow: 0 0 32px rgba(46, 92, 255, 0.45);
        border-color: rgba(91, 140, 255, 0.55);
    }
}

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

.kreo-polymarket-page.kreo-page .hero-section.kreo-hero {
    background:
        radial-gradient(ellipse 88% 52% at 50% -28%, rgba(46, 92, 255, 0.22), transparent 56%),
        radial-gradient(ellipse 44% 40% at 100% 10%, rgba(91, 140, 255, 0.12), transparent 52%),
        radial-gradient(ellipse 50% 65% at 0% 88%, rgba(10, 22, 40, 0.9), transparent 46%),
        var(--gradient-hero);
}

.kreo-polymarket-page.kreo-page .kreo-hero-title .gradient-text {
    background: linear-gradient(135deg, #8cb4ff 0%, #2e5cff 45%, #4d76ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

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

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

.kreo-polymarket-page.kreo-page .kreo-carousel-copy {
    box-shadow: 0 4px 18px rgba(46, 92, 255, 0.32);
}

.kreo-polymarket-page.kreo-page .kreo-carousel-copy:hover {
    box-shadow: 0 6px 26px rgba(91, 140, 255, 0.4);
}

.kreo-polymarket-page.kreo-page .kreo-carousel-profile {
    color: #b8d0ff;
    text-decoration-color: rgba(46, 92, 255, 0.45);
}

.kreo-polymarket-page.kreo-page .kreo-carousel-profile:hover {
    color: var(--poly-blue-light);
    text-decoration-color: var(--poly-blue-light);
}

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

.kreo-polymarket-page.kreo-page .kreo-carousel-dot.is-active {
    background: var(--poly-blue);
}

.kreo-polymarket-page.kreo-page .main-content {
    background: linear-gradient(180deg, #070f1c 0%, var(--bg-secondary) 8%, #0a1424 38%, var(--bg-primary) 100%);
}

.kreo-polymarket-page.kreo-page .main-content a:not(.cta-primary):not(.floating-cta) {
    color: #b8d0ff;
    text-decoration-color: rgba(46, 92, 255, 0.45);
}

.kreo-polymarket-page.kreo-page .main-content a:not(.cta-primary):not(.floating-cta):hover {
    color: var(--poly-blue-light);
    text-decoration-color: var(--poly-blue-light);
}

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

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

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

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

.kreo-polymarket-page.kreo-page article section h3 {
    color: rgba(155, 184, 255, 0.82);
}

.kreo-polymarket-page.kreo-page article code,
.kreo-polymarket-page.kreo-page .faq-section code {
    background: rgba(46, 92, 255, 0.14);
    border: 1px solid rgba(91, 140, 255, 0.35);
    color: #c8ddff;
}

.kreo-polymarket-page.kreo-page .kreo-hero-cta .cta-primary {
    box-shadow: 0 4px 28px rgba(46, 92, 255, 0.3), 0 4px 20px rgba(91, 140, 255, 0.15);
}

.kreo-polymarket-page.kreo-page .kreo-topic-card:hover {
    border-color: rgba(46, 92, 255, 0.4);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35), 0 0 28px rgba(46, 92, 255, 0.1);
}

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

.kreo-polymarket-page.kreo-page .faq-item:hover {
    border-color: rgba(46, 92, 255, 0.45);
    box-shadow: 0 8px 32px rgba(46, 92, 255, 0.1);
}

.kreo-polymarket-page.kreo-page .faq-icon,
.kreo-polymarket-page.kreo-page .faq-item.active .faq-icon {
    color: var(--poly-blue);
}

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