*{box-sizing:border-box}body{margin:0;min-height:100dvh;padding:40px 20px;display:grid;place-items:center;background:#f4f4f4;color:#222;font:16px/1.5 Arial,sans-serif}.access-card{width:min(100%,490px);padding:32px;background:#fff;border:1px solid #ddd;border-radius:12px}.access-brand{color:#333;font-size:13px;letter-spacing:2px;font-weight:700;text-decoration:none}h1{font-size:30px;line-height:1.15;letter-spacing:-.5px;margin:24px 0 16px}p{margin:0 0 24px;color:#444}form{display:grid;gap:8px}label{font-size:14px;font-weight:700}input{width:100%;min-height:48px;border:1px solid #999;border-radius:4px;padding:10px 12px;font:16px Arial,sans-serif;margin-bottom:8px;outline:2px solid transparent;outline-offset:2px}input:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #222;outline-offset:2px}button{min-height:48px;padding:12px 16px;border:1px solid #999;border-radius:4px;background:#fff;color:#222;font:700 14px Arial,sans-serif;cursor:pointer}.access-submit{background:#b91c1c;color:#fff;border-color:#b91c1c;margin:8px 0}button:disabled{opacity:.55;cursor:not-allowed}.access-card small{font-size:12px;line-height:1.5;color:#555}.access-result{min-height:20px;font-size:13px;margin:4px 0 0}.access-pin{border-top:1px solid #ddd;padding-top:16px;margin-top:16px;font-size:13px}.access-pin summary{cursor:pointer;color:#555}.access-pin form{margin-top:12px}.access-pin-row{display:flex;gap:8px}.access-pin-row input{width:120px;margin:0}.access-pin-row button{min-height:44px}.access-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}@media(max-width:500px){body{padding:20px 12px}.access-card{padding:24px}h1{font-size:27px}}