.access-page{display:grid;place-items:center;min-height:100vh;min-height:100svh;padding:24px;background:#f7f8fa}
.access-card{width:min(440px,100%);padding:32px;background:#fff;border:1px solid #e2e6ed;border-radius:12px}
.access-card h1{font-size:26px;line-height:1.25;letter-spacing:-.5px;margin:0 0 24px}
.access-card p{color:#667085;line-height:1.6}
.access-card form{display:grid;gap:18px;margin:24px 0 0}
.access-card input{width:100%;margin-top:8px;min-height:46px}
.access-card .primary{min-height:46px;justify-content:center}
.access-card details{margin:24px 0}.access-card summary{cursor:pointer;color:#317b69;font-size:14px}.access-error{background:#fff0ee;color:#a33933;border-radius:10px;padding:12px 18px}.access-error p{color:inherit;margin:4px 0}.access-card .access-success{background:#e9f7ef;color:#247653;padding:14px;border-radius:10px}.qr{padding:20px;background:white;width:max-content;margin:24px auto;border:1px solid #e2e6ed;border-radius:12px}.qr svg{width:200px;height:200px}.secret{display:block;overflow-wrap:anywhere;padding:18px 0}.recovery{background:#fff7e6;padding:18px;border-radius:12px}.recovery ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-left:18px}.recovery h2{font-size:18px}.access-link{display:flex;text-decoration:none;margin-top:20px}.back-link{color:#317b69;font-size:13px}
@media(max-width:480px){.access-page{padding:16px}.access-card{padding:24px}.recovery ul{grid-template-columns:1fr}}