.passkey-feature{--pk-font-display: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--pk-font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", "Fira Mono", monospace;width:100%;margin-bottom:.85rem}.passkey-primary-btn{width:100%;display:flex;align-items:center;gap:.85rem;text-align:left;padding:.85rem 1rem;border-radius:10px;border:1px solid rgba(var(--bs-primary-rgb),.35);background:linear-gradient(135deg,rgba(var(--bs-primary-rgb),.13),rgba(var(--bs-primary-rgb),.04));clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);transition:border-color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease}.passkey-primary-btn:hover,.passkey-primary-btn:focus-visible{border-color:rgba(var(--bs-primary-rgb),.65);background:linear-gradient(135deg,rgba(var(--bs-primary-rgb),.2),rgba(var(--bs-primary-rgb),.06));transform:translateY(-1px);box-shadow:0 10px 22px rgba(var(--bs-primary-rgb),.18)}.passkey-primary-btn:hover .passkey-primary-arrow,.passkey-primary-btn:focus-visible .passkey-primary-arrow{transform:translate(2px);opacity:1}.passkey-primary-btn:disabled{opacity:.8;transform:none}body.auth-login-bg .passkey-primary-btn{color:#f8fafc;background:linear-gradient(135deg,#2563eb57,#1e293bf0);border-color:#93c5fd94}body.auth-login-bg .passkey-primary-btn:hover,body.auth-login-bg .passkey-primary-btn:focus-visible{background:linear-gradient(135deg,#2563eb7a,#1e293b);border-color:#bfdbfe;box-shadow:0 0 0 4px #93c5fd3d,0 10px 22px #00000047}.passkey-primary-icon{flex-shrink:0;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;color:var(--bs-primary);background:rgba(var(--bs-primary-rgb),.16);border:1px solid rgba(var(--bs-primary-rgb),.3);border-radius:8px;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%)}body.auth-login-bg .passkey-primary-icon{color:#dbeafe;background:#93c5fd2e;border-color:#bfdbfe8f}.passkey-primary-icon .bi{font-size:1.3rem;line-height:1}.passkey-primary-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.passkey-primary-title{font-family:var(--pk-font-display);font-weight:700;font-size:.95rem;line-height:1.1;color:var(--bs-body-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.passkey-primary-sub{font-family:var(--pk-font-mono);font-size:.65rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--bs-secondary-color);opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.auth-login-bg .passkey-primary-title{color:#f8fafc}body.auth-login-bg .passkey-primary-sub,body.auth-login-bg .passkey-primary-arrow{color:#cbd5e1;opacity:1}.passkey-primary-arrow{flex-shrink:0;font-size:.9rem;color:var(--bs-secondary-color);opacity:.55;transition:transform .2s ease,opacity .2s ease}.passkey-primary-btn.is-verified{border-color:rgba(var(--bs-success-rgb),.55);background:linear-gradient(135deg,rgba(var(--bs-success-rgb),.18),rgba(var(--bs-success-rgb),.05));justify-content:center;color:var(--bs-success);font-size:1.1rem}.rate-limit-icon{width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--bs-primary);background:rgba(var(--bs-primary-rgb),.1);border:1px solid rgba(var(--bs-primary-rgb),.22)}#passkeyError{margin-top:.5rem;font-size:.875rem}.login-divider-horizontal{display:flex;align-items:center;margin:.75rem 0;width:100%}.login-divider-horizontal hr{border-color:rgba(var(--bs-emphasis-color-rgb),.15);border-width:1px;opacity:1}.login-divider-horizontal .text-muted{white-space:nowrap;flex-shrink:0}.login-credentials{width:100%}.login-credentials .mb-3{margin-bottom:.75rem}.login-credentials .login-meta{margin-bottom:.75rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(var(--bs-emphasis-color-rgb),.1)}.login-credentials .d-grid{margin-top:.75rem}.login-credentials .btn-outline-primary{border-color:rgba(var(--bs-primary-rgb),.5);color:var(--bs-primary);transition:all .2s ease}.login-credentials .btn-outline-primary:hover{background-color:rgba(var(--bs-primary-rgb),.1);border-color:var(--bs-primary)}body.auth-login-bg .login-credentials .btn-outline-primary{color:#fff;background-color:#1d4ed8;border-color:#93c5fd}body.auth-login-bg .login-credentials .btn-outline-primary:hover,body.auth-login-bg .login-credentials .btn-outline-primary:focus-visible{color:#fff;background-color:#2563eb;border-color:#bfdbfe}.login-privacy-notice{margin-top:.75rem;text-align:center;font-size:.75rem}.login-privacy-notice a{display:inline-flex;align-items:center;gap:.3rem;text-decoration:none;color:var(--bs-secondary-color);transition:color .2s ease}.login-privacy-notice a:hover{color:var(--bs-primary)}body.auth-login-bg .login-privacy-notice a{color:#cbd5e1}body.auth-login-bg .login-privacy-notice a:hover,body.auth-login-bg .login-privacy-notice a:focus-visible{color:#bfdbfe}.login-privacy-notice .bi{font-size:.85rem}@media (max-width: 576px){.passkey-feature{margin-bottom:.6rem}.passkey-primary-btn{padding:.7rem .85rem}.passkey-primary-icon{width:38px;height:38px}.passkey-primary-title{font-size:.88rem}.passkey-primary-sub{font-size:.6rem}.login-divider-horizontal{margin:.5rem 0;gap:.5rem}.login-divider-horizontal hr{flex:1}.login-divider-horizontal .text-muted{font-size:.7rem;font-weight:500}.login-credentials .mb-3{margin-bottom:.5rem}.login-credentials .login-meta{margin-bottom:.5rem;margin-top:.35rem}.login-credentials .btn{font-size:.9rem;padding:.6rem 1rem}.form-label{font-size:.8rem;margin-bottom:.25rem}.hint{font-size:.65rem!important}}@media (prefers-reduced-motion: reduce){.passkey-primary-btn,.passkey-primary-arrow{transition:none}}