.members-only {
    display: flex;
    flex-direction: column;
    padding: 64px;
    justify-content:center;
    height:100%;
    max-width:500px;
    margin:0 auto;
    text-align:center;
}
.members-only hr {
    width:70%;
    margin:16px auto;
}
.members-only img {
    max-width:100px;
    display:block;
    margin:0 auto;
}
.members-only p {
    margin-bottom:32px;
}
.members-only .button {
    margin-bottom:16px;
}


.qr-modal {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    z-index:100;
    opacity:0;
    pointer-events:none;
}
#qr-screen {
    height:100%;
    width:100%;
    object-fit:cover;
}
.qr-modal.active {
    opacity:1;
    pointer-events:all;
}

.qr-instructions {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:rgba(0,0,0,0.2);
    text-align:center;
    padding:32px 64px;
    z-index:101;
    color:var(--theme-light);
    backdrop-filter:blur(20px);
}
.qr-instructions .close-qr {
    position: fixed;
    padding: 32px;
    border: none;
    right: 0;
    top: 0;
    height: auto;
    font-size:20px;
}