.access-card {max-width:420px;margin:8vh auto;padding:28px;background:white;border:1px solid #ccc;border-radius:8px;font:17px system-ui}
body:has(.access-card) {background:#fce8ef}
.access-card label {display:block;margin:18px 0}
.access-card input {display:block;box-sizing:border-box;width:100%;padding:10px;font:inherit}
.access-card button {padding:10px 20px;font:inherit}
.access-card [role=alert] {color:#982b24}
.access-bar {display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:6px 12px;font:14px system-ui}
.access-bar form {display:inline;margin:0}
.access-bar button {font:inherit;padding:5px 10px}
@media print {.access-bar {display:none}}