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

body {
    position: relative;
    min-height: 100vh;
    background: #080b09 !important;
}

body::before {
    content: "";
    position: fixed;
    z-index: -2;
    inset: -8px;

    background:
        url('../assets/stadium.png') center center / cover no-repeat;

    filter: blur(2.2px);
    transform: scale(1.02);
}

body::after {
    content: "";
    position: fixed;
    z-index: -1;
    inset: 0;

    background:
        linear-gradient(
            110deg,
            rgba(0,0,0,.73) 0%,
            rgba(0,0,0,.50) 49%,
            rgba(0,90,43,.46) 100%
        );

    pointer-events: none;
}

body > .page,
.page,
.page-wrapper,
main {
    background: transparent !important;
}

.container-tight .card,
.card.card-md,
.login-card,
form.card {
    background: rgba(255,255,255,.96) !important;
    border: 1px solid rgba(255,255,255,.65) !important;
    border-radius: 16px !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.35) !important;
}

.btn-primary {
    background: #00843D !important;
    border-color: #00843D !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background: #006B32 !important;
    border-color: #006B32 !important;
}

.form-control:focus,
.form-select:focus {
    border-color: #00843D !important;
    box-shadow: 0 0 0 .2rem rgba(0,132,61,.13) !important;
}

.legia-login-logo {
    display: block;
    width: 112px;
    height: 112px;
    object-fit: contain;
    margin: 0 auto 15px auto;
    border-radius: 50%;
    background: #fff;
    padding: 4px;
    box-shadow: 0 10px 32px rgba(0,0,0,.22);
}

.legia-login-title {
    text-align: center;
    font-size: 1.35rem;
    font-weight: 800;
    color: #111;
    margin-bottom: 8px;
}

.legia-login-subtitle {
    display: none !important;
}

.legia-login-stripe {
    height: 4px !important;
    width: 150px !important;
    margin: 8px auto 18px auto !important;
    border-radius: 3px !important;

    background: linear-gradient(
        90deg,
        #D71920 0 33.333%,
        #FFFFFF 33.333% 66.666%,
        #00843D 66.666% 100%
    ) !important;

    border: 1px solid rgba(0,0,0,.10) !important;
}
