.access-pending body > :not(#access-gate){visibility:hidden}
#access-gate{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#061d32,#0b436d)}
#access-gate[hidden]{display:none}
.access-box{width:min(100%,430px);padding:32px;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.28);text-align:center}
.access-box img{display:block;width:min(240px,72%);max-height:150px;object-fit:contain;margin:0 auto 20px}
.access-box h1{margin:0 0 8px;color:#072f52;font-size:1.65rem;line-height:1.2}
.access-box p{margin:0 0 20px;color:#526170;line-height:1.5}
.access-box label{display:block;margin-bottom:7px;color:#122c42;font-weight:700;text-align:left}
.access-row{display:flex;gap:10px}
.access-row input{min-width:0;flex:1;padding:13px 14px;border:1px solid #aebbc6;border-radius:10px;font:inherit}
.access-row input:focus{outline:3px solid rgba(0,132,202,.22);border-color:#0084ca}
.access-row button{padding:13px 20px;border:0;border-radius:10px;background:#087db9;color:#fff;font:inherit;font-weight:800;cursor:pointer}
#access-error{min-height:24px;margin:10px 0 0;color:#bd1e2d;font-weight:700;text-align:left}
@media(max-width:480px){.access-box{padding:24px 18px}.access-row{flex-direction:column}.access-row button{width:100%}}