header {
    display: none;
}

.al-section {
    display: grid;
}
.al-section > div > * {
    max-width: 100%;
    position: relative;
    z-index: 3;
}

.al-main {
    position: relative;
    overflow: hidden;
    background: linear-gradient(#3B82F61A 100%, #3B82F600 0%);
    background-blend-mode: normal;
    z-index: 1;
}

.al-main-circle {
    position: absolute;
    width: 150%;
    height: 150%;
    border-radius: 50%;
    border: 1px solid #10244D;
    pointer-events: none;
    z-index: 2;
}

.al-main-circle.c1 {
    bottom: -25%;
    left: -50%;
}

.al-main-circle.c2 {
    bottom: -25%;
    left: -75%;
}

.al-main-circle.c3 {
    bottom: -50%;
    left: -95%;
}

.al-tg {
    height: 100%;
}

.al-tg__container {
    position: relative;
    z-index: 3;
    height: 100vh;
    display: grid;
    align-items: center;
    justify-content: center;
}

.tg-auth {
    padding: 24px;
    background: 
        linear-gradient(135deg, #18181B 0%, #122329 100%),
        linear-gradient(135deg, #18181B 0%, #122329 100%);
    border: 1px solid #293037;
    border-radius: 8px;
}

@media (min-width: 992px) {
    .al-section {
        grid-template-columns: 50% 50%;
    }
    .al-section > div {
        grid-row: 1 / 2;
    }
    .al-main {
        grid-column: 1 / 2;
        padding: 36px 0 0 60px;
    }

    .al-bg {
        grid-column: 2 / 3;
    }

}