.market-landing {
    --market-card-background: #E6ECF8;
    --market-card-gradient: linear-gradient(135deg, #E6ECF8 0%, #DCEBFF 48%, #E6E0FF 100%);
    --market-card-gradient-coral: linear-gradient(-52.459deg, #FF4C1F 10.044%, #D8D8D8 70.105%, #D8D8D8 95.155%, #FF4C1F 158.42%);
    --market-card-gradient-peach: linear-gradient(6.35deg, #FF4C1F 3.005%, rgba(255, 250, 236, 0) 79.907%), #FFFDF3;
    --market-card-gradient-sky-coral: linear-gradient(6.35deg, #FF4C1F 3.005%, rgba(255, 250, 236, 0) 79.907%), #DFF0FF;
    --market-card-gradient-mist: linear-gradient(176.875deg, #92A2AE 16.856%, #DDE9F3 76.164%), linear-gradient(139.771deg, rgba(255, 247, 231, 0) 3.791%, #FFF7E7 92.85%), #FFFDF3;
    --market-card-gradient-sunrise: linear-gradient(123.184deg, #FF4C1F 11.754%, #FFE4B2 49.164%, #C8DDF4 119.44%), linear-gradient(150.351deg, #BEC0CF 11.029%, #111D30 90.517%), #FF4C1F;
    --market-card-gradient-silver-cream: linear-gradient(176.875deg, #92A2AE 2.589%, #B8C5D1 50%, #FFFAEC 97.412%), linear-gradient(139.771deg, rgba(255, 247, 231, 0) 3.791%, #FFF7E7 92.85%), #FFFDF3;
    --market-card-gradient-steel-peach: linear-gradient(176.875deg, #92A2AE 16.856%, #DDE9F3 76.164%), linear-gradient(123.184deg, #FF4C1F 11.754%, #FFE4B2 49.164%, #C8DDF4 119.44%), linear-gradient(65.291deg, #FF4C1F 12.248%, rgba(255, 250, 236, 0) 93.088%), #FFFDF3;
    --market-card-gradient-cream-cloud: linear-gradient(135deg, #FFFDF3 0%, #FFF7E7 46%, #DDE9F3 100%);
    --market-card-gradient-cream-peach: linear-gradient(145deg, #FFFDF3 4%, #FFE4B2 58%, #FFF7E7 100%);
    --market-card-gradient-cream-coral: linear-gradient(155deg, #FFFDF3 5%, #FFD7C8 54%, #FFB79F 100%);
    --market-card-gradient-cream-sage: linear-gradient(135deg, #FFFDF3 0%, #E8EEE5 52%, #C8DDF4 115%);
    --market-card-gradient-blue-cream: linear-gradient(150deg, #DFF0FF 0%, #C8DDF4 38%, #FFFDF3 100%);
    --market-card-gradient-lavender-cream: linear-gradient(135deg, #E6E0FF 0%, #F1ECFF 45%, #FFFDF3 100%);
    --market-card-gradient-rose-mist: linear-gradient(145deg, #F6D4D0 0%, #D8D8D8 58%, #FFFDF3 115%);
    --market-card-gradient-amber-sky: linear-gradient(125deg, #FFE4B2 0%, #FFFDF3 48%, #C8DDF4 100%);
    width: 100%;
    margin: 24px 0 40px;
}

.market-card-grid {
    display: grid;
    gap: 16px;
    width: 100%;
    grid-auto-flow: dense;
}

.market-card-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 160px;
}

.market-card-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: minmax(120px, auto);
}

.market-landing .market-card {
    --market-card-text: #202124;
    --market-card-caption: rgba(32, 33, 36, 0.75);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    min-width: 0;
    height: 100%;
    padding: 24px;
    border-radius: 20px !important;
    background: var(--market-card-background);
    color: var(--market-card-text) !important;
    text-align: left;
    text-decoration: none !important;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.market-landing .market-card:link,
.market-landing .market-card:visited,
.market-landing .market-card:hover,
.market-landing .market-card:active {
    color: var(--market-card-text) !important;
    text-decoration: none !important;
}

.market-landing .market-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
}

.market-landing .market-card:active {
    transform: translateY(-1px);
}

.market-landing .market-card:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 3px;
    border-radius: 20px !important;
}

.market-card__title {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
}

.market-card__caption {
    display: block;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--market-card-caption) !important;
}

.market-card--wide {
    grid-column: span 2;
}

.market-card--tall {
    grid-row: span 2;
}

.market-landing .market-card--gradient {
    background-color: var(--market-card-background);
    background-image: var(--market-card-gradient);
}

.market-landing .market-card--gradient-coral {
    --market-card-text: #111D30;
    --market-card-caption: #111D30;
    background: var(--market-card-gradient-coral);
}

.market-landing .market-card--gradient-peach {
    --market-card-text: #111D30;
    --market-card-caption: #111D30;
    background: var(--market-card-gradient-peach);
}

.market-landing .market-card--gradient-sky-coral {
    --market-card-text: #111D30;
    --market-card-caption: #111D30;
    background: var(--market-card-gradient-sky-coral);
}

.market-landing .market-card--gradient-mist {
    --market-card-text: #111D30;
    --market-card-caption: #111D30;
    background: var(--market-card-gradient-mist);
}

.market-landing .market-card--gradient-sunrise {
    --market-card-text: #111D30;
    --market-card-caption: #111D30;
    background: var(--market-card-gradient-sunrise);
}

.market-landing .market-card--gradient-silver-cream {
    --market-card-text: #111D30;
    --market-card-caption: #111D30;
    background: var(--market-card-gradient-silver-cream);
}

.market-landing .market-card--gradient-steel-peach {
    --market-card-text: #111D30;
    --market-card-caption: #111D30;
    background: var(--market-card-gradient-steel-peach);
}

.market-landing .market-card--gradient-cream-cloud {
    --market-card-text: #111D30;
    --market-card-caption: #111D30;
    background: var(--market-card-gradient-cream-cloud);
}

.market-landing .market-card--gradient-cream-peach {
    --market-card-text: #111D30;
    --market-card-caption: #111D30;
    background: var(--market-card-gradient-cream-peach);
}

.market-landing .market-card--gradient-cream-coral {
    --market-card-text: #111D30;
    --market-card-caption: #111D30;
    background: var(--market-card-gradient-cream-coral);
}

.market-landing .market-card--gradient-cream-sage {
    --market-card-text: #111D30;
    --market-card-caption: #111D30;
    background: var(--market-card-gradient-cream-sage);
}

.market-landing .market-card--gradient-blue-cream {
    --market-card-text: #111D30;
    --market-card-caption: #111D30;
    background: var(--market-card-gradient-blue-cream);
}

.market-landing .market-card--gradient-lavender-cream {
    --market-card-text: #111D30;
    --market-card-caption: #111D30;
    background: var(--market-card-gradient-lavender-cream);
}

.market-landing .market-card--gradient-rose-mist {
    --market-card-text: #111D30;
    --market-card-caption: #111D30;
    background: var(--market-card-gradient-rose-mist);
}

.market-landing .market-card--gradient-amber-sky {
    --market-card-text: #111D30;
    --market-card-caption: #111D30;
    background: var(--market-card-gradient-amber-sky);
}

@media (max-width: 900px) {
    .market-card-grid--3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .market-card--tall {
        grid-row: span 1;
    }
}

@media (max-width: 600px) {
    .market-card-grid--3,
    .market-card-grid--2 {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
    }

    .market-card--wide,
    .market-card--tall {
        grid-column: span 1;
        grid-row: span 1;
    }

    .market-landing .market-card {
        min-height: 120px;
        padding: 20px;
    }
}