.access-gate{position:fixed;inset:0;z-index:1000;background:#173f35;display:grid;place-items:center;padding:24px;transition:opacity .3s}.access-gate:before,.access-gate:after{content:"";position:absolute;border:1px solid rgba(201,237,184,.12);border-radius:50%;width:430px;height:430px}.access-gate:before{top:-230px;right:-80px}.access-gate:after{bottom:-280px;left:-100px}.access-gate.unlocked{opacity:0;pointer-events:none}.gate-card{position:relative;z-index:1;width:min(100%,430px);background:#fff;border-radius:20px;padding:42px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.24)}.gate-mark{margin:0 auto 20px;width:42px;height:42px}.gate-card h1{font-size:27px;line-height:1.4;letter-spacing:-1.5px;margin:12px 0}.gate-card p{font-size:13px;color:#65706c;margin:0 0 25px}.gate-card input{width:100%;height:55px;border:1px solid #e1e5df;border-radius:9px;padding:0 16px;text-align:center;font-size:17px;letter-spacing:5px;outline:0}.gate-card input:focus{border-color:#173f35;box-shadow:0 0 0 3px rgba(23,63,53,.09)}.gate-card button{width:100%;height:55px;border:0;border-radius:9px;background:#173f35;color:#fff;font-weight:700;margin-top:10px;cursor:pointer}.gate-card button span{margin-left:8px;color:#c9edb8}.gate-card small{display:block;min-height:18px;color:#cf583e;font-size:11px;margin-top:10px}.gate-card.shake{animation:gate-shake .3s}@keyframes gate-shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}body.locked{overflow:hidden}@media(max-width:500px){.gate-card{padding:34px 24px}.gate-card h1{font-size:24px}}