body.access-locked > :not(#access-gate):not(script){display:none!important}
#access-gate[hidden]{display:none}
#access-gate{min-height:100dvh;width:100%;display:grid;place-items:center;padding:24px;background:#f4f1fc;box-sizing:border-box}
.access-card{width:min(100%,440px);padding:36px;background:white;border:1px solid #e8e0f7;border-radius:24px;box-shadow:0 18px 60px #44347512;box-sizing:border-box}
.access-card .brand{font-size:32px;display:block;margin-bottom:28px}
.access-card h1{font-size:28px;line-height:1.25;margin:0 0 12px}
.access-card p{line-height:1.6;color:#686275}
.access-card label{display:block;font-weight:600;margin:22px 0 8px}
#access-pin{box-sizing:border-box;width:100%;font:inherit;font-size:24px;letter-spacing:5px;padding:14px;border:1px solid #bcb0d9;border-radius:12px}
#access-pin:focus{outline:3px solid #cfc2fa;outline-offset:2px}
.access-card .primary{width:100%;margin-top:16px;justify-content:center}
#access-message{min-height:25px;color:#aa2441;font-size:15px;margin:8px 0}
.access-card small{display:block;font-size:13px;line-height:1.5;color:#686275}
@media(max-width:480px){.access-card{padding:26px}}