/* Passkey 登入相關樣式 */
#passkey-login-btn { transition: background .25s, transform .15s; }
#passkey-login-btn:active { transform: scale(.97); }
#passkey-login-status { min-height:18px; }

#passkey-success-overlay { position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);backdrop-filter:blur(3px);z-index:1600;opacity:0;transition:opacity .35s ease; }
#passkey-success-overlay.show { opacity:1; }
#passkey-success-overlay .pk-modal { animation: pkPop .45s cubic-bezier(.34,1.56,.64,1); width:100%;max-width:360px;padding:0 14px; }
#passkey-success-overlay .pk-card { background:#12161d;border:1px solid #1f2a38;border-radius:16px;box-shadow:0 8px 28px -6px rgba(0,0,0,.55),0 4px 12px -4px rgba(0,0,0,.4);overflow:hidden; }
#passkey-success-overlay .pk-card-body { padding:34px 30px 40px; text-align:center; }
#passkey-success-overlay .pk-icon { font-size:58px; color:#30c48d; margin-bottom:12px; filter: drop-shadow(0 0 4px rgba(48,196,141,.55)); }
#passkey-success-overlay .pk-title { font-size:1.6rem; margin:0 0 10px; letter-spacing:.5px; }
#passkey-success-overlay .pk-text { font-size:.95rem; color:#b7c2cf; margin:0; }

@keyframes pkPop { from { transform:translateY(18px) scale(.92); opacity:0;} to { transform:translateY(0) scale(1); opacity:1;} }
