body:not(.club-password-mode) #um-submit-btn { display:none!important; }
body:not(.club-initial-mode) .club-continue-btn { display:none!important; }

#login-via-passkey { display:none!important; }
body.club-passkey-mode #login-via-passkey { display:block!important; }

body.club-initial-mode .um-field-password,
body.club-passkey-mode .um-field-password { display:none!important; }

.club-passkey-loading {
    font-size:13px;
    color:#666;
    margin-top:10px;
}

/* Encouragement notice */
.club-passkey-notice {
    background: #fffbe6;
    border: 1px solid #ffe58f;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.club-passkey-notice strong {
    display:block;
    margin-bottom:5px;
    color:#ad6800;
}

.club-passkey-notice p {
    font-size:14px;
    color:#874d00;
}

.club-passkey-btn {
    display:inline-block;
    background:#3c5a80;
    color:#fff;
    padding:8px 14px;
    border-radius:4px;
    text-decoration:none;
}

.club-passkey-btn:hover {
    background:#2f4664;
}