@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

:root {
    --purple: #6c3db1;
    --purple-700: #532c8a;
    --red: #e63946;
    --ink: #0f1220;
    --muted: #6b7280;
    --white: #ffffff;
    --radius: 28px;
    --shadow: 0 22px 60px rgba(20, 10, 61, .22);
    --field: #f4f6fa;
    --field-b: #e6e7ee;
    --ctaW: 220px;
}

* {
    box-sizing: border-box
}

html,
body {
    height: 100%
}

html {
    overflow: hidden
}

body {
    margin: 0;
    background: #fff;
    color: var(--ink);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family: Manrope, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

@media (max-height:700px) {

    html,
    body {
        overflow: auto
    }
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(40% 30% at 15% 10%, rgba(108, 61, 177, .10), transparent 60%), radial-gradient(35% 28% at 85% 85%, rgba(230, 57, 70, .08), transparent 60%);
}