.arv-passkey-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.6fr);gap:24px;align-items:stretch;padding:30px;border-radius:28px;background:linear-gradient(135deg,#f7f3ec,#eee7dc);border:1px solid var(--arv-border,#ded7cc);margin-bottom:22px}.arv-passkey-hero h2{font-size:clamp(2rem,4vw,4.2rem);line-height:.98;max-width:900px;margin:10px 0 16px}.arv-passkey-hero p{max-width:820px;font-size:1.02rem;line-height:1.65;color:var(--arv-muted,#6d6a64)}.arv-passkey-state{border-radius:22px;padding:24px;display:flex;flex-direction:column;justify-content:center;background:#242720;color:#fff}.arv-passkey-state small{letter-spacing:.14em;text-transform:uppercase;color:#c9a86d}.arv-passkey-state strong{font-size:2rem;margin:8px 0}.arv-passkey-state span{color:#d9d6cf}.arv-passkey-state.is-action{background:#452722}.arv-passkey-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.arv-passkey-metrics article{border:1px solid var(--arv-border,#ded7cc);background:#fff;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:6px}.arv-passkey-metrics span{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#94723e}.arv-passkey-metrics strong{font-size:1.65rem}.arv-passkey-metrics small{color:var(--arv-muted,#6d6a64)}.arv-passkey-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:18px;margin:18px 0}.arv-passkey-enroll{display:grid;gap:16px}.arv-passkey-enroll label,.arv-passkey-dialog label{display:grid;gap:7px}.arv-passkey-enroll label>span,.arv-passkey-dialog label>span{font-weight:700;font-size:.88rem}.arv-passkey-help{font-size:.86rem;color:var(--arv-muted,#6d6a64);margin:0}.arv-passkey-message{min-height:24px;font-size:.9rem;font-weight:700}.arv-passkey-message.is-success{color:#246b4f}.arv-passkey-message.is-danger{color:#a0382b}.arv-passkey-list{display:grid;gap:12px}.arv-passkey-list>article{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid var(--arv-border,#ded7cc);border-radius:18px;background:#fff}.arv-passkey-list>article.is-revoked{opacity:.58}.arv-passkey-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#252820;color:#fff;font-size:1.35rem}.arv-passkey-info h3{margin:0 0 5px}.arv-passkey-info p{margin:0 0 5px;color:#67645f}.arv-passkey-info small{color:#8a857e}.arv-passkey-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.arv-passkey-dialog{width:min(520px,calc(100vw - 32px));border:0;border-radius:24px;padding:0;box-shadow:0 30px 90px rgba(0,0,0,.28)}.arv-passkey-dialog::backdrop{background:rgba(21,23,19,.62);backdrop-filter:blur(4px)}.arv-passkey-dialog form{padding:24px;display:grid;gap:16px}.arv-passkey-dialog header h2{margin:0 0 8px}.arv-passkey-dialog header p{margin:0;color:#6c6862}.arv-passkey-dialog footer{display:flex;gap:10px;justify-content:flex-end}.arv-auth-passkey-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#8b877f;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.arv-auth-passkey-divider::before,.arv-auth-passkey-divider::after{content:"";height:1px;background:#e1dbd2;flex:1}.arv-auth-passkey-button{width:100%;min-height:56px;border:1px solid #cfc8bc;border-radius:16px;background:#fff;color:#20231e;font-weight:800;cursor:pointer}.arv-auth-passkey-button:hover{background:#f6f2ec}.arv-auth-passkey-button:disabled{opacity:.55;cursor:not-allowed}.arv-auth-passkey-message{min-height:22px;margin-top:8px;font-size:.88rem;font-weight:700}.arv-auth-passkey-message.is-danger{color:#a0382b}.arv-auth-passkey-message.is-success{color:#246b4f}@media(max-width:980px){.arv-passkey-hero,.arv-passkey-grid{grid-template-columns:1fr}.arv-passkey-metrics{grid-template-columns:1fr 1fr}.arv-passkey-state{min-height:160px}}@media(max-width:640px){.arv-passkey-hero{padding:22px;border-radius:22px}.arv-passkey-metrics{grid-template-columns:1fr}.arv-passkey-list>article{grid-template-columns:44px minmax(0,1fr)}.arv-passkey-actions{grid-column:1/-1;justify-content:flex-start}.arv-passkey-dialog footer{flex-direction:column-reverse}.arv-passkey-dialog footer .arv-btn{width:100%}}