body:not(.pin-unlocked)>:not(#pin-gate){visibility:hidden}
.pin-gate{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:#eef2f3;color:#173c43;font-family:Calibri,Arial,sans-serif;visibility:visible}
.pin-card{width:min(360px,100%);padding:32px 28px 28px;background:#fff;border:1px solid #d4dfe1;border-radius:14px;box-shadow:0 16px 40px rgba(23,60,67,.14);text-align:center}
.pin-mark{font-size:28px;margin-bottom:6px}.pin-card h1{margin:0 0 8px;font-size:24px;font-weight:600}.pin-card p{margin:0 0 22px;color:#5d7076;font-size:15px;line-height:1.45}.pin-card label{display:block;text-align:left;font-size:14px;font-weight:600;margin-bottom:7px}.pin-card input{display:block;width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #bdcdd1;border-radius:8px;text-align:center;letter-spacing:.3em;font-size:22px;font-family:Calibri,Arial,sans-serif}.pin-card button{width:100%;margin-top:14px;padding:11px 14px;border:0;border-radius:8px;background:#087e70;color:#fff;font:600 16px Calibri,Arial,sans-serif;cursor:pointer}.pin-card button:hover{background:#06685e}.pin-error{min-height:20px;margin-top:10px;color:#a33b35;font-size:14px}
@media(max-width:480px){.pin-gate{padding:16px}.pin-card{padding:28px 22px 24px}}