html {
    min-height: 100%;
}

body {
    min-height: 100vh;
    background:
        radial-gradient(circle at 18% 8%, rgba(245, 197, 24, .16), transparent 24rem),
        radial-gradient(circle at 82% 18%, rgba(91, 98, 180, .18), transparent 28rem),
        linear-gradient(135deg, #07080f 0%, #0d0f1e 44%, #07080f 100%);
    background-attachment: fixed;
}

body > main {
    min-height: calc(100vh - 76px);
}

.page-fill {
    min-height: calc(100vh - 76px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background:
        linear-gradient(180deg, rgba(7, 8, 15, .25), rgba(7, 8, 15, .72)),
        radial-gradient(circle at top right, rgba(245, 197, 24, .12), transparent 26rem);
}

.page-fill .section-title {
    width: 100%;
}

.login-fill {
    justify-content: center;
}

.login-fill .form-panel {
    width: min(100%, 460px);
}

@media (max-width: 860px) {
    .page-fill {
        min-height: calc(100vh - 72px);
    }
}