*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    min-height: 100%;
}

body {
    margin: 0;
    font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
    background: #1a1f2b;
}

.s7-bg {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 0%, rgba(56, 189, 248, 0.14), transparent 45%),
        linear-gradient(to bottom, #1b2230 0%, #171d28 60%, #141922 100%);
}

.s7-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(to right, rgba(125, 211, 252, 0.06), rgba(167, 139, 250, 0.06));
    opacity: 1;
}

.s7-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: transparent;
}

.s7-vignette {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.18));
}