/* Home: terminal hero density pack (fills empty space, premium look). */

.mv-terminal-chart {
    position: relative;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
}

/* Keep hero media blocks compact, balanced and glued into one composition. */
.mv-hero-grid {
    gap: clamp(18px, 2.1vw, 30px);
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
        "copy"
        "chart"
        "side";
}

.mv-hero-copy {
    grid-area: copy;
    min-width: 0;
}

.mv-hero-chart-col {
    grid-area: chart;
    min-width: 0;
}

.mv-hero-side {
    grid-area: side;
    min-width: 0;
    align-content: start;
}

.mv-hero-chart-compact {
    min-height: clamp(230px, 38vw, 340px);
    max-height: 360px;
}

.mv-hero-logo-card {
    width: min(100%, 330px);
}

.mv-hero-logo-spin {
    width: 70%;
    height: 70%;
}

.mv-hero-forecast-card {
    overflow: hidden;
}

.mv-hero-forecast-canvas {
    display: block;
    width: 100%;
    height: 84px;
    max-height: 96px;
}

.mv-hero-side > .mv-glass {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background:
        linear-gradient(140deg, rgba(8, 14, 18, 0.58), rgba(2, 4, 6, 0.34)),
        linear-gradient(120deg, rgba(255, 255, 255, 0.05), transparent 42%, rgba(255, 255, 255, 0.02));
    border-color: rgba(255, 255, 255, 0.14) !important;
    box-shadow:
        0 24px 70px rgba(0, 0, 0, 0.52),
        inset 0 0 0 1px rgba(255, 255, 255, 0.04);
    animation: mv-hero-card-idle 8.2s ease-in-out infinite;
}

.mv-hero-side > .mv-glass:nth-child(2) {
    animation-delay: -0.9s;
}

.mv-hero-side > .mv-glass:nth-child(3) {
    animation-delay: -1.7s;
}

.mv-hero-side > .mv-glass:nth-child(4) {
    animation-delay: -2.4s;
}

.mv-hero-signals-card > *,
.mv-hero-vol-card > *,
.mv-hero-forecast-module > * {
    position: relative;
    z-index: 1;
}

.mv-hero-logo-module .mv-logo-spin-wrap {
    position: relative;
    z-index: 2;
    animation: mv-hero-logo-float 5.8s ease-in-out infinite;
}

.mv-hero-logo-module .mv-logo-card {
    animation: mv-logo-3d-soft 11.8s linear infinite;
}

.mv-hero-logo-module .mv-status-strip {
    z-index: 4;
}

.mv-hero-signals-card::after,
.mv-hero-vol-card::after,
.mv-hero-forecast-module::after {
    content: "";
    position: absolute;
    inset: -2px;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.12), transparent);
    mix-blend-mode: screen;
    opacity: 0.24;
    transform: translate3d(-110%, 0, 0);
    animation: mv-hero-glint 6.5s linear infinite;
    z-index: 0;
}

.mv-hero-vol-card::after {
    animation-delay: -1.6s;
}

.mv-hero-forecast-module::after {
    animation-delay: -2.6s;
}

.mv-hero-logo-module::before,
.mv-hero-signals-card::before,
.mv-hero-vol-card::before,
.mv-hero-forecast-module::before {
    content: "";
    position: absolute;
    inset: -30% -45%;
    background:
        radial-gradient(circle at 20% 30%, rgba(0, 255, 159, 0.16), transparent 58%),
        radial-gradient(circle at 78% 70%, rgba(212, 175, 55, 0.14), transparent 62%),
        linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.12), transparent);
    opacity: 0.2;
    pointer-events: none;
    z-index: 0;
}

.mv-hero-logo-module::before {
    animation: mv-hero-card-aura 9.8s ease-in-out infinite;
}

.mv-hero-signals-card::before {
    animation: mv-hero-card-aura 8.4s ease-in-out infinite;
    animation-delay: -1.4s;
}

.mv-hero-vol-card::before {
    animation: mv-hero-card-aura 7.2s ease-in-out infinite;
    animation-delay: -2.1s;
}

.mv-hero-forecast-module::before {
    animation: mv-hero-card-aura 6.5s ease-in-out infinite;
    animation-delay: -2.8s;
}

.mv-hero-chip {
    padding: 6px 8px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.16));
    animation: mv-hero-chip-float 6.2s ease-in-out infinite;
}

.mv-hero-chip:nth-child(2) {
    animation-delay: -0.9s;
}

.mv-hero-chip:nth-child(3) {
    animation-delay: -1.7s;
}

#mvHeroSignalBias {
    transition: color 220ms var(--ease-vortex);
}

#mvHeroSignalBias.is-long {
    color: rgba(0, 255, 159, 0.95);
    text-shadow: 0 0 16px rgba(0, 255, 159, 0.38);
}

#mvHeroSignalBias.is-short {
    color: rgba(255, 30, 0, 0.95);
    text-shadow: 0 0 16px rgba(255, 30, 0, 0.34);
}

#mvHeroSignalBias.is-neutral {
    color: rgba(255, 255, 255, 0.82);
}

#mvHeroSignalCadence.is-hot {
    color: rgba(0, 255, 159, 0.92);
}

#mvHeroSignalCadence.is-warm {
    color: rgba(212, 175, 55, 0.92);
}

#mvHeroSignalCadence.is-calm {
    color: rgba(255, 255, 255, 0.76);
}

.mv-hero-signal-empty {
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 10px 12px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.68);
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.22));
    animation: mv-hero-placeholder 2.4s linear infinite;
}

.mv-hero-signal-row {
    animation: mv-hero-row-in 380ms var(--ease-vortex) both;
}

.mv-hero-signal-dot {
    box-shadow: 0 0 0 0 rgba(0, 255, 159, 0.35);
    animation: mv-hero-dot 2.2s ease-out infinite;
}

.mv-hero-meter-fill {
    width: 14%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(0, 255, 159, 0.7), rgba(212, 175, 55, 0.8), rgba(255, 30, 0, 0.72));
    background-size: 180% 100%;
    box-shadow: 0 0 18px rgba(0, 255, 159, 0.25);
    transition: width 420ms var(--ease-vortex), filter 220ms var(--ease-vortex), box-shadow 220ms var(--ease-vortex);
    animation: mv-hero-meter-flow 2.1s linear infinite;
}

.mv-hero-meter-fill[data-regime="low"] {
    filter: saturate(0.9);
    box-shadow: 0 0 14px rgba(0, 255, 159, 0.2);
}

.mv-hero-meter-fill[data-regime="medium"] {
    filter: saturate(1.05);
    box-shadow: 0 0 18px rgba(212, 175, 55, 0.25);
}

.mv-hero-meter-fill[data-regime="high"] {
    filter: saturate(1.18);
    box-shadow: 0 0 20px rgba(255, 30, 0, 0.28);
}

.mv-hero-forecast-track-fill {
    width: 28%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(255, 30, 0, 0.52), rgba(255, 130, 60, 0.82), rgba(255, 255, 255, 0.72));
    background-size: 180% 100%;
    transition: width 420ms var(--ease-vortex);
    animation: mv-hero-meter-flow 2.6s linear infinite;
}

#mvHeroForecastDelta.up {
    color: rgba(0, 255, 159, 0.92);
}

#mvHeroForecastDelta.down {
    color: rgba(255, 30, 0, 0.92);
}

#mvHeroStreamChip.offline {
    color: rgba(255, 30, 0, 0.92);
}

.mv-terminal-chart::before {
    content: "";
    position: absolute;
    inset: -2px;
    background:
        radial-gradient(circle at 16% 18%, rgba(0, 255, 159, 0.14), transparent 55%),
        radial-gradient(circle at 84% 78%, rgba(255, 30, 0, 0.12), transparent 60%),
        radial-gradient(circle at 50% 112%, rgba(212, 175, 55, 0.14), transparent 62%),
        linear-gradient(120deg, rgba(255, 255, 255, 0.06), transparent 42%, rgba(255, 255, 255, 0.04));
    opacity: 0.9;
    pointer-events: none;
    animation: mv-terminal-breathe 9.5s cubic-bezier(0.2, 0.9, 0.2, 1) infinite;
}

.mv-terminal-chart::after {
    content: "";
    position: absolute;
    inset: -1px;
    background: linear-gradient(
        115deg,
        transparent 0%,
        rgba(212, 175, 55, 0.18) 32%,
        rgba(0, 255, 159, 0.12) 54%,
        rgba(255, 30, 0, 0.12) 72%,
        transparent 100%
    );
    mix-blend-mode: screen;
    opacity: 0.2;
    transform: translate3d(-75%, 0, 0);
    pointer-events: none;
    animation: mv-terminal-sheen 5.4s linear infinite;
}

.mv-terminal-chart .mv-vortex-bg {
    opacity: 0.2 !important;
}

.mv-terminal-scanlines {
    opacity: 0.14;
    background-image: repeating-linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0.06),
        rgba(255, 255, 255, 0.06) 1px,
        rgba(0, 0, 0, 0) 6px,
        rgba(0, 0, 0, 0) 10px
    );
    background-size: 100% 16px;
    background-position: 0 0;
    -webkit-mask-image: radial-gradient(circle at 50% 46%, #000 42%, transparent 80%);
    mask-image: radial-gradient(circle at 50% 46%, #000 42%, transparent 80%);
}

.mv-terminal-btn-pulse {
    position: relative;
    box-shadow: 0 0 0 0 rgba(0, 255, 159, 0.22);
    animation: mv-terminal-pulse 2.6s ease-out infinite;
}

.mv-terminal-btn-pulse::after {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(0, 255, 159, 0.0), rgba(255, 255, 255, 0.16), rgba(0, 255, 159, 0.0));
    opacity: 0.55;
    transform: translate3d(-120%, 0, 0);
    mix-blend-mode: screen;
    animation: mv-terminal-btn-sweep 2.2s linear infinite;
    pointer-events: none;
}

.mv-terminal-wave {
    position: relative;
    overflow: hidden;
}

.mv-terminal-wave::before {
    content: "";
    position: absolute;
    inset: -4px -40% -4px -40%;
    background:
        radial-gradient(circle at 20% 40%, rgba(0, 255, 159, 0.22), transparent 58%),
        radial-gradient(circle at 80% 60%, rgba(212, 175, 55, 0.18), transparent 62%),
        linear-gradient(90deg, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.0));
    opacity: 0.22;
    filter: blur(18px);
    transform: translate3d(-18%, 0, 0);
    animation: mv-terminal-wave 6.2s linear infinite;
    pointer-events: none;
}

.mv-terminal-live-dot {
    width: 10px;
    height: 10px;
    border-radius: 9999px;
    background: rgba(0, 255, 159, 0.95);
    box-shadow: 0 0 0 0 rgba(0, 255, 159, 0.35);
    animation: mv-terminal-dot 1.75s ease-out infinite;
}

.mv-terminal-live-dot.offline {
    background: rgba(255, 30, 0, 0.92);
    box-shadow: 0 0 0 0 rgba(255, 30, 0, 0.35);
}

@keyframes mv-terminal-breathe {
    0%,
    100% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
        opacity: 0.86;
    }
    50% {
        transform: translate3d(0, -2.6%, 0) rotate(5deg) scale(1.02);
        opacity: 0.95;
    }
}

@keyframes mv-terminal-sheen {
    0% {
        transform: translate3d(-75%, 0, 0);
    }
    100% {
        transform: translate3d(75%, 0, 0);
    }
}

@keyframes mv-terminal-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 255, 159, 0.22);
        filter: saturate(1.02);
    }
    60% {
        box-shadow: 0 0 0 18px rgba(0, 255, 159, 0);
        filter: saturate(1.08);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 255, 159, 0);
        filter: saturate(1.02);
    }
}

@keyframes mv-terminal-btn-sweep {
    0% {
        transform: translate3d(-120%, 0, 0);
        opacity: 0.35;
    }
    35% {
        opacity: 0.65;
    }
    100% {
        transform: translate3d(120%, 0, 0);
        opacity: 0.4;
    }
}

@keyframes mv-terminal-wave {
    0% {
        transform: translate3d(-18%, 0, 0);
    }
    100% {
        transform: translate3d(18%, 0, 0);
    }
}

@keyframes mv-terminal-dot {
    0% {
        opacity: 0.82;
        box-shadow: 0 0 0 0 rgba(0, 255, 159, 0.35);
    }
    70% {
        opacity: 1;
        box-shadow: 0 0 0 16px rgba(0, 255, 159, 0);
    }
    100% {
        opacity: 0.82;
        box-shadow: 0 0 0 0 rgba(0, 255, 159, 0);
    }
}

@keyframes mv-hero-card-aura {
    0%,
    100% {
        transform: translate3d(-6%, 2%, 0) scale(1);
        opacity: 0.16;
    }
    50% {
        transform: translate3d(6%, -2%, 0) scale(1.05);
        opacity: 0.3;
    }
}

@keyframes mv-hero-chip-float {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }
    50% {
        transform: translate3d(0, -1.5px, 0);
    }
}

@keyframes mv-hero-meter-flow {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 160% 50%;
    }
}

@keyframes mv-hero-placeholder {
    0% {
        opacity: 0.58;
    }
    50% {
        opacity: 0.92;
    }
    100% {
        opacity: 0.58;
    }
}

@keyframes mv-hero-row-in {
    from {
        opacity: 0;
        transform: translate3d(0, 7px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes mv-hero-dot {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 255, 159, 0.35);
    }
    70% {
        box-shadow: 0 0 0 12px rgba(0, 255, 159, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 255, 159, 0);
    }
}

@keyframes mv-hero-card-idle {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }
    50% {
        transform: translate3d(0, -2px, 0);
    }
}

@keyframes mv-hero-glint {
    0% {
        transform: translate3d(-110%, 0, 0);
        opacity: 0.18;
    }
    35% {
        opacity: 0.34;
    }
    100% {
        transform: translate3d(110%, 0, 0);
        opacity: 0.2;
    }
}

@keyframes mv-hero-logo-float {
    0%,
    100% {
        transform: translate3d(0, 0, 0) scale(1);
    }
    50% {
        transform: translate3d(0, -4px, 0) scale(1.015);
    }
}

@keyframes mv-logo-3d-soft {
    0% {
        transform: rotateX(10deg) rotateY(0deg) rotateZ(-1deg) scale3d(1.01, 1.01, 1.01);
    }
    18% {
        transform: rotateX(-9deg) rotateY(70deg) rotateZ(2deg) scale3d(1.02, 1.02, 1.02);
    }
    36% {
        transform: rotateX(8deg) rotateY(142deg) rotateZ(-1deg) scale3d(1.015, 1.015, 1.015);
    }
    54% {
        transform: rotateX(-10deg) rotateY(214deg) rotateZ(2deg) scale3d(1.02, 1.02, 1.02);
    }
    72% {
        transform: rotateX(9deg) rotateY(286deg) rotateZ(-1deg) scale3d(1.015, 1.015, 1.015);
    }
    90% {
        transform: rotateX(-8deg) rotateY(350deg) rotateZ(2deg) scale3d(1.01, 1.01, 1.01);
    }
    100% {
        transform: rotateX(10deg) rotateY(360deg) rotateZ(-1deg) scale3d(1.01, 1.01, 1.01);
    }
}

/* Footer and journal expansion */
.mv-footer-wow {
    position: relative;
    isolation: isolate;
    background:
        linear-gradient(130deg, rgba(4, 10, 9, 0.9), rgba(9, 8, 7, 0.84)),
        radial-gradient(circle at 8% 12%, rgba(0, 255, 159, 0.12), transparent 44%),
        radial-gradient(circle at 86% 82%, rgba(255, 30, 0, 0.09), transparent 46%);
}

.mv-footer-wow::before {
    content: "";
    position: absolute;
    inset: -32% -18%;
    pointer-events: none;
    background:
        conic-gradient(from var(--mv-vortex) at 50% 50%,
            transparent 0deg,
            rgba(0, 255, 159, 0.09) 78deg,
            rgba(212, 175, 55, 0.13) 152deg,
            transparent 235deg,
            rgba(255, 30, 0, 0.07) 312deg,
            transparent 360deg);
    opacity: 0.24;
    filter: blur(0.6px);
    animation: mv-footer-orbit 16s linear infinite;
    z-index: 0;
}

.mv-footer-wow > * {
    position: relative;
    z-index: 1;
}

.mv-footer-journal .mv-glass {
    position: relative;
    overflow: hidden;
    border-color: rgba(255, 255, 255, 0.14) !important;
    box-shadow:
        0 20px 48px rgba(0, 0, 0, 0.45),
        inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.mv-footer-journal .mv-glass::after {
    content: "";
    position: absolute;
    inset: -20% -40%;
    background: linear-gradient(95deg, transparent, rgba(255, 255, 255, 0.18), transparent);
    mix-blend-mode: screen;
    opacity: 0.24;
    transform: translate3d(-110%, 0, 0);
    animation: mv-journal-glint 6.2s linear infinite;
    pointer-events: none;
}

.mv-journal-header,
.mv-journal-stat,
.mv-journal-tags-wrap,
.mv-journal-card,
.mv-journal-feed-card,
.mv-journal-article-shell,
.mv-journal-side-card,
.mv-journal-related {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.mv-journal-header::before,
.mv-journal-stat::before,
.mv-journal-tags-wrap::before,
.mv-journal-card::before,
.mv-journal-feed-card::before,
.mv-journal-article-shell::before,
.mv-journal-side-card::before,
.mv-journal-related::before {
    content: "";
    position: absolute;
    inset: -38% -48%;
    pointer-events: none;
    background:
        radial-gradient(circle at 24% 38%, rgba(0, 255, 159, 0.15), transparent 58%),
        radial-gradient(circle at 76% 72%, rgba(212, 175, 55, 0.13), transparent 60%),
        linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.08), transparent);
    opacity: 0.22;
    transform: translate3d(0, 0, 0);
    animation: mv-journal-card-drift 10.2s ease-in-out infinite;
    z-index: 0;
}

.mv-journal-header > *,
.mv-journal-stat > *,
.mv-journal-tags-wrap > *,
.mv-journal-card > *,
.mv-journal-feed-card > *,
.mv-journal-article-shell > *,
.mv-journal-side-card > *,
.mv-journal-related > * {
    position: relative;
    z-index: 1;
}

.mv-journal-card,
.mv-journal-feed-card,
.mv-journal-related {
    transition: transform 260ms var(--ease-vortex), box-shadow 260ms var(--ease-vortex), border-color 260ms var(--ease-vortex);
}

.mv-journal-card {
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.mv-journal-feed-card {
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 14px;
    border-radius: 16px;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.2));
}

.mv-journal-card:hover,
.mv-journal-feed-card:hover,
.mv-journal-related:hover {
    transform: translate3d(0, -4px, 0);
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0 26px 56px rgba(0, 0, 0, 0.48);
}

.mv-journal-card.is-active,
.mv-journal-feed-card.is-active,
.mv-journal-related.is-active {
    border-color: rgba(0, 255, 159, 0.4);
    box-shadow:
        0 0 0 1px rgba(0, 255, 159, 0.26),
        0 20px 48px rgba(0, 0, 0, 0.52),
        0 0 28px rgba(0, 255, 159, 0.16);
}

.mv-journal-page .mv-journal-card,
.mv-journal-page .mv-journal-feed-card,
.mv-journal-page .mv-journal-related {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 560ms var(--ease-vortex), transform 560ms var(--ease-vortex);
    transition-delay: var(--mv-delay, 0s);
}

.mv-journal-page .mv-journal-card.is-visible,
.mv-journal-page .mv-journal-feed-card.is-visible,
.mv-journal-page .mv-journal-related.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.mv-journal-stat {
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: linear-gradient(122deg, rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.16));
}

.mv-journal-tag {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.22));
    color: rgba(255, 255, 255, 0.76);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition: border-color 220ms var(--ease-vortex), color 220ms var(--ease-vortex), transform 220ms var(--ease-vortex);
}

.mv-journal-tag:hover {
    color: rgba(255, 255, 255, 0.94);
    border-color: rgba(0, 255, 159, 0.4);
    transform: translate3d(0, -1px, 0);
}

.mv-journal-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.06);
    font-size: 10px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.74);
}

.mv-journal-status {
    font-size: 10px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.45);
}

.mv-journal-status-live {
    color: rgba(0, 255, 159, 0.82);
}

.mv-journal-highlight {
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 12px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.82);
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.2));
}

.mv-journal-section + .mv-journal-section {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 18px;
}

.mv-journal-point {
    position: relative;
    padding-left: 18px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
}

.mv-journal-point::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: linear-gradient(140deg, rgba(0, 255, 159, 0.9), rgba(212, 175, 55, 0.9));
    box-shadow: 0 0 12px rgba(0, 255, 159, 0.35);
}

.mv-journal-related {
    display: block;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    padding: 12px;
    background: linear-gradient(122deg, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.2));
}

.mv-journal-tone-emerald {
    background: linear-gradient(135deg, rgba(0, 255, 159, 0.08), rgba(0, 0, 0, 0.18) 48%);
}

.mv-journal-tone-gold {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.08), rgba(0, 0, 0, 0.18) 48%);
}

.mv-journal-tone-red {
    background: linear-gradient(135deg, rgba(255, 30, 0, 0.09), rgba(0, 0, 0, 0.18) 48%);
}

.mv-journal-tone-blue {
    background: linear-gradient(135deg, rgba(45, 186, 255, 0.1), rgba(0, 0, 0, 0.18) 48%);
}

.mv-journal-tone-violet {
    background: linear-gradient(135deg, rgba(132, 109, 255, 0.1), rgba(0, 0, 0, 0.18) 48%);
}

@keyframes mv-footer-orbit {
    0% {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(180deg) scale(1.04);
    }
    100% {
        transform: rotate(360deg) scale(1);
    }
}

@keyframes mv-journal-glint {
    0% {
        transform: translate3d(-110%, 0, 0);
    }
    100% {
        transform: translate3d(110%, 0, 0);
    }
}

@keyframes mv-journal-card-drift {
    0%,
    100% {
        transform: translate3d(-3%, 2%, 0);
        opacity: 0.18;
    }
    50% {
        transform: translate3d(4%, -2%, 0);
        opacity: 0.3;
    }
}

@media (min-width: 900px) {
    .mv-hero-grid {
        grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.95fr);
        grid-template-areas:
            "copy copy"
            "chart side";
    }

    .mv-hero-chart-compact {
        min-height: clamp(260px, 35vh, 380px);
        max-height: 390px;
    }

    .mv-hero-logo-card {
        width: min(100%, 290px);
    }
}

@media (min-width: 1280px) {
    .mv-hero-grid {
        grid-template-columns: minmax(280px, 1fr) minmax(460px, 1.45fr) minmax(250px, 0.88fr);
        grid-template-areas: "copy chart side";
    }

    .mv-hero-chart-compact {
        min-height: clamp(300px, 38vh, 430px);
        max-height: 440px;
    }

    .mv-hero-logo-card {
        width: min(100%, 260px);
    }

    .mv-hero-logo-spin {
        width: 66%;
        height: 66%;
    }
}

.mv-social-link {
    transition: border-color 160ms ease, background 180ms ease, transform 180ms cubic-bezier(0.2, 0.9, 0.2, 1);
}

.mv-social-link:hover {
    transform: translate3d(0, -1px, 0);
}

.mv-social-brand {
    position: relative;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 16px 54px rgba(0, 0, 0, 0.52);
    animation: mv-social-float 5.2s ease-in-out infinite;
}

.mv-social-brand::before {
    content: "";
    position: absolute;
    inset: -1px;
    background: linear-gradient(112deg, transparent 0%, rgba(255, 255, 255, 0.22) 38%, transparent 66%);
    transform: translate3d(-70%, 0, 0);
    opacity: 0.52;
    animation: mv-social-sheen 4.8s linear infinite;
}

.mv-social-brand-core {
    position: relative;
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    z-index: 2;
}

.mv-social-brand-aura {
    position: absolute;
    inset: -28%;
    border-radius: 9999px;
    filter: blur(16px);
    opacity: 0.38;
    z-index: 1;
    pointer-events: none;
}

.mv-social-brand-glyph {
    color: rgba(255, 255, 255, 0.96);
    filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.42));
}

.mv-social-link-telegram:hover {
    border-color: rgba(45, 186, 255, 0.45);
}

.mv-social-brand-telegram {
    background: radial-gradient(circle at 25% 20%, rgba(92, 208, 255, 0.38), transparent 56%),
        linear-gradient(135deg, rgba(22, 150, 224, 0.82), rgba(38, 175, 235, 0.6));
}

.mv-social-brand-telegram .mv-social-brand-aura {
    background: radial-gradient(circle at 50% 50%, rgba(45, 186, 255, 0.62), rgba(45, 186, 255, 0));
}

.mv-social-brand-telegram .mv-social-brand-glyph {
    animation: mv-social-telegram-drift 4.2s ease-in-out infinite;
}

.mv-social-link-tiktok:hover {
    border-color: rgba(255, 59, 112, 0.44);
}

.mv-social-brand-tiktok {
    background: radial-gradient(circle at 24% 20%, rgba(0, 241, 255, 0.16), transparent 56%),
        radial-gradient(circle at 80% 84%, rgba(255, 49, 112, 0.15), transparent 62%),
        linear-gradient(145deg, rgba(20, 20, 24, 0.95), rgba(9, 9, 11, 0.92));
}

.mv-social-brand-tiktok .mv-social-brand-aura {
    background: radial-gradient(circle at 50% 50%, rgba(255, 49, 112, 0.42), rgba(0, 241, 255, 0.34), transparent 66%);
}

.mv-social-brand-tiktok .mv-social-brand-core {
    position: relative;
}

.mv-social-brand-tiktok .mv-tiktok-layer {
    position: absolute;
    inset: 0;
    margin: auto;
}

.mv-social-brand-tiktok .mv-tiktok-layer-cyan {
    color: #25f4ee;
    transform: translate3d(-1px, 1px, 0);
    opacity: 0.9;
    animation: mv-social-tiktok-cyan 2.9s steps(2, end) infinite;
}

.mv-social-brand-tiktok .mv-tiktok-layer-red {
    color: #fe2c55;
    transform: translate3d(1px, -1px, 0);
    opacity: 0.86;
    animation: mv-social-tiktok-red 3.1s steps(2, end) infinite;
}

.mv-social-brand-tiktok .mv-tiktok-layer-main {
    color: #ffffff;
    transform: translate3d(0, 0, 0);
}

.mv-social-link:hover .mv-social-brand {
    transform: translate3d(0, -2px, 0) scale(1.04);
}

@keyframes mv-social-float {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }
    50% {
        transform: translate3d(0, -2px, 0);
    }
}

@keyframes mv-social-sheen {
    0% {
        transform: translate3d(-70%, 0, 0);
    }
    100% {
        transform: translate3d(70%, 0, 0);
    }
}

@keyframes mv-social-telegram-drift {
    0%,
    100% {
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
    50% {
        transform: translate3d(0.6px, -1px, 0) rotate(-3deg);
    }
}

@keyframes mv-social-tiktok-cyan {
    0%,
    88%,
    100% {
        transform: translate3d(-1px, 1px, 0);
    }
    90% {
        transform: translate3d(-2px, 0, 0);
    }
    94% {
        transform: translate3d(-0.5px, 1.5px, 0);
    }
}

@keyframes mv-social-tiktok-red {
    0%,
    88%,
    100% {
        transform: translate3d(1px, -1px, 0);
    }
    91% {
        transform: translate3d(2px, -1.5px, 0);
    }
    95% {
        transform: translate3d(0.3px, -0.4px, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .mv-terminal-chart::before,
    .mv-terminal-chart::after,
    .mv-terminal-scanlines,
    .mv-terminal-btn-pulse,
    .mv-terminal-btn-pulse::after,
    .mv-terminal-wave::before,
    .mv-terminal-live-dot,
    .mv-hero-logo-module::before,
    .mv-hero-signals-card::before,
    .mv-hero-vol-card::before,
    .mv-hero-forecast-module::before,
    .mv-hero-signals-card::after,
    .mv-hero-vol-card::after,
    .mv-hero-forecast-module::after,
    .mv-hero-side > .mv-glass,
    .mv-hero-logo-module .mv-logo-spin-wrap,
    .mv-hero-chip,
    .mv-hero-signal-empty,
    .mv-hero-signal-row,
    .mv-hero-signal-dot,
    .mv-hero-meter-fill,
    .mv-hero-forecast-track-fill,
    .mv-footer-wow::before,
    .mv-footer-journal .mv-glass::after,
    .mv-journal-header::before,
    .mv-journal-stat::before,
    .mv-journal-tags-wrap::before,
    .mv-journal-card::before,
    .mv-journal-feed-card::before,
    .mv-journal-article-shell::before,
    .mv-journal-side-card::before,
    .mv-journal-related::before,
    .mv-social-brand,
    .mv-social-brand::before,
    .mv-social-brand-glyph {
        animation: none !important;
    }

    .mv-journal-page .mv-journal-card,
    .mv-journal-page .mv-journal-feed-card,
    .mv-journal-page .mv-journal-related {
        transition: none !important;
    }
}