/*
 * ==========================================================================
 * ArsLudi Account Flow
 * ==========================================================================
 */

@font-face {
    font-family: "ArsLudiAccountManrope";
    src: url("/fonts/manrope/manrope-variable.woff2") format("woff2");
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
}

html {
    font-size: 16px;
}

.account-layout {
    font-family:
        "ArsLudiAccountManrope",
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}

.account-window-background,
.account-single-page {
    background:
        radial-gradient(
            circle at 18% 12%,
            rgb(20 184 166 / 0.24) 0,
            transparent 34rem
        ),
        radial-gradient(
            circle at 86% 88%,
            rgb(5 150 105 / 0.14) 0,
            transparent 30rem
        ),
        linear-gradient(
            145deg,
            #134e4a 0%,
            #042f2e 50%,
            #020617 100%
        ) !important;
}

/*
 * Geometria comune Register / Login / Onboarding.
 * Il minimo è volutamente sopra l'altezza naturale dei form più lunghi.
 */
@media (min-width: 1024px) {
    .account-auth-frame {
        min-height: 49rem;
    }
}