main {
    display: flex;
    justify-content: center;
    align-items: center;

    min-height: 100vh;
    padding: 48px 0;

    position: relative;
    z-index: 2;
}

main::before {
    content: '';

    width: 30vw;
    height: 20vw;

    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;

    background: url('../images/background-access-1.svg') no-repeat right top/cover;
}

main::after {
    content: '';

    width: 30vw;
    height: 20vw;

    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;

    background: url('../images/background-access-2.svg') no-repeat left bottom/cover;
}

main div.logo {
    width: 100px;
    height: 100px;

    display: flex;
    align-items: center;
    justify-content: center;

    background-color: #0088ff0d;

    border-radius: 16px;

    margin: auto;
    margin-top: -132px;
    margin-bottom: 32px;
}

main div.title {
    text-align: center;
}

main div.title h2 {
    font-size: 2.28rem;
    font-weight: 600;

    color: #032E66;
}

main a {
    font-size: 1rem;
}

main button.btn {
    padding: 14px 24px;

    width: 100%;
}

main input.input-code {
    height: 56px;

    text-align: center;
}

@media (max-width: 1400px) {
    
    main input.input-code {
        height: 76px;
        text-align: center;
    }

}

@media (max-width: 768px) {
    
    main input.input-code {
        height: 57.66px;
        text-align: center;
    }

    main {
        padding-bottom: 144px;
    }

    main::before {
        content: '';
        width: 60vw;
        height: 50vw;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        background: url(../images/background-access-1.svg) no-repeat right top/cover;
    }

    main::after {
        content: '';
        width: 60vw;
        height: 50vw;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        background: url(../images/background-access-2.svg) no-repeat left bottom/cover;
    }

}

@media (max-width: 576px) {
    
    main input.input-code {
        height: 13.6vw;
        text-align: center;
    }

    main {
        padding: 48px 16px;
        padding-bottom: 144px;
    }

}