.passkey-section{border:1px solid #3c3524;border-radius:20px;padding:clamp(20px,4vw,36px);margin:28px 0;background:#10100e;color:#f4f1e9;scroll-margin-top:24px}
.passkey-section h2{margin-top:8px;color:#e4c77f}.passkey-section p{max-width:70ch;line-height:1.65}
.passkey-form{max-width:540px;display:grid;gap:10px;margin:22px 0}
.passkey-form input,.passkey-form select{box-sizing:border-box;width:100%;padding:13px;border:1px solid #65573b;border-radius:10px;background:#08090b;color:#f4f1e9;font:inherit;min-height:48px}
.passkey-section button,.passkey-login-button{min-height:48px;white-space:normal;line-height:1.4}
.passkey-login-button{width:100%;margin-top:12px}.passkey-list{display:grid;gap:12px;list-style:none;padding:0}
.passkey-list li{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:14px;border:1px solid #3c3524;border-radius:12px;overflow-wrap:anywhere}
.passkey-list small{display:block;color:#aaa69b;margin-top:4px}.passkey-section button:disabled,.passkey-login-button:disabled{opacity:.6;cursor:default}
.passkey-status{min-height:1.7em}.passkey-section :focus-visible,.passkey-login-button:focus-visible{outline:3px solid #e4c77f;outline-offset:3px}
@media(max-width:540px){.passkey-list li{align-items:flex-start;flex-direction:column}.passkey-list button{width:100%}}