:root {
    --sot-academy-plate-10: #3060A01A;
    --sot-academy-plate-40: #3060A066;

    --img-bg: url('/images/sot-academy/dark-bg.png');

    .form{
        background: linear-gradient(151deg, #183050 0%, #0C1828 100%);
    }

}

[data-theme="light"] {
    --sot-academy-plate-10: #3060A019;
    --sot-academy-plate-40: #3060A066;

    --img-bg: url('/images/sot-academy/light-bg.png');

    .form{
        background: #ffffff;
    }
}

:root, [data-theme="light"]{
    --sot-academy-gradient-blue: linear-gradient(90deg, #60C0FF 0%, #3060A0 100%);
    --color-input-bg: var(--sot-academy-plate-10);
    --color-input-border: var(--sot-academy-plate-40);
}

.home-page {
    background-image: url('/images/sot-academy/home-bg.png');

    .home-page__link{
        background-color: var(--sot-academy-plate-10);
    }
}

html{
    scrollbar-gutter: auto;
}

.background{
    background-size: cover;
    .background-hexagons{
        filter: brightness(0) saturate(100%) invert(80%) sepia(59%) saturate(4040%) hue-rotate(174deg) brightness(97%) contrast(93%) !important;
    }

    .images-grid {
        [data-img-key="auth-center"]{
            content: url('/images/sot-academy/auth-image-center.png');
        }
        [data-img-key="auth-left-bottom"]{
            content: url('/images/sot-academy/auth-image-left-bottom.png');
        }
        [data-img-key="auth-left-top"]{
            content: url('/images/sot-academy/auth-image-left-top.png');
        }
        [data-img-key="auth-right-top"]{
            content: url('/images/sot-academy/auth-image-right-top.png');
        }
        [data-img-key="auth-right-bottom"]{
            content: url('/images/sot-academy/auth-image-right-bottom.png');
        }
    }
}

.form{
    box-shadow: 0 0 32px 0 rgba(0, 120, 240, 0.50);
    backdrop-filter: blur(32px);

    .form__row__button-primary,
    .form__row__button-transparent::before{
        background: var(--sot-academy-gradient-blue);
    }
}