/* Só um tempero de “landing” (sem brigar com o Phoenix) */
:root {
    --mh-hero-grad: radial-gradient(1200px 600px at 15% 15%, rgba(56, 132, 255, .18), transparent 60%),
        radial-gradient(900px 500px at 85% 20%, rgba(57, 210, 192, .14), transparent 55%),
        linear-gradient(180deg, rgba(245, 247, 255, 1), rgba(255, 255, 255, 1));
}

body {
    background: var(--mh-hero-grad);
}

.mh-hero {
    padding-top: 3.25rem;
    padding-bottom: 0.25rem;
}

.mh-section {
    padding: 4rem 0;
}

.mh-card-glow {
    position: relative;
    overflow: hidden;
}

.mh-card-glow::before {
    content: "";
    position: absolute;
    inset: -140px -140px auto auto;
    width: 280px;
    height: 280px;
    background: radial-gradient(circle at 30% 30%, rgba(56, 132, 255, .24), transparent 62%);
    transform: rotate(25deg);
    pointer-events: none;
}

.mh-card-glow::after {
    content: "";
    position: absolute;
    inset: auto auto -160px -160px;
    width: 320px;
    height: 320px;
    background: radial-gradient(circle at 70% 70%, rgba(57, 210, 192, .18), transparent 62%);
    transform: rotate(-10deg);
    pointer-events: none;
}

/* deixa a navbar com cara de landing */
.navbar-landing {
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, .75);
    border-bottom: 1px solid rgba(0, 0, 0, .06);
}

/* evita que o login card “encoste” no topo em telas grandes */
@media (min-width: 992px) {
    .mh-login-sticky {
        position: sticky;
        top: 92px;
    }
}