.access-page{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:32px 20px;background:#f4f5ef}
.access-card{width:min(100%,460px);padding:38px;background:#fff;border:1px solid #e2e5dc;border-radius:24px;box-shadow:0 18px 60px #2027220b}
.access-brand{display:flex;align-items:center;gap:16px;margin-bottom:36px}
.access-brand img{width:72px;height:72px;border-radius:14px;object-fit:cover}
.access-brand b{display:block;font-size:19px;color:#202722}
.access-brand span{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;margin-top:6px;color:#7d8677}
.access-card h1{font-size:30px;line-height:1.15;letter-spacing:-.04em;margin:0 0 16px;color:#202722}
.access-card>p{font-size:13px;line-height:1.7;color:#6c7566}
.access-card .eyebrow{font-size:10px}
.access-card form{display:grid;gap:20px;margin-top:28px}
.access-card .btn{justify-content:center;max-width:100%}
.access-card .form-error{color:#a13b32}
.access-demo{padding-top:25px;margin-top:28px;border-top:1px solid #eaede5;display:grid;gap:10px}
.access-demo>span{font-size:11px;color:#7d8677}
.access-card>.btn{margin:8px 8px 8px 0}
.snapshot-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7}
.top-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}
.top-actions .btn-small{font-size:11px;min-height:34px;padding:8px 12px}
.record-actions{flex-wrap:wrap}
#invitation-url{overflow-wrap:anywhere;width:100%;font-size:11px}
@media(max-width:700px){
  .access-page{padding:18px 14px;align-items:flex-start}
  .access-card{padding:28px 22px;margin-top:8vh;border-radius:20px}
  .access-card h1{font-size:28px}
  .topbar{height:auto!important;min-height:72px;flex-wrap:wrap;align-items:center;gap:10px;padding-top:14px;padding-bottom:14px}
  .top-actions{margin-left:auto}
  .top-actions .demo-tag{font-size:9px}
  .top-actions .avatar{display:none}
  .top-actions .btn-small{font-size:10px;padding:7px 9px}
}