*{box-sizing:border-box}.access-gate{margin:0;min-height:100dvh;display:flex;flex-direction:column;padding:32px 16px;background:#f6f4ef;color:#102a43;font-family:system-ui,sans-serif}.access-gate .gate-main{width:min(100%,520px);padding:12px;margin:auto;display:flex;flex-direction:column;align-items:center;gap:24px;flex:none}.gate-brand{width:100%;display:flex;flex-direction:column;align-items:center;gap:18px;transform:translateY(var(--closed-shift,150px));will-change:transform}.access-gate .gate-logo{display:block;border:0;background:none;padding:0;width:180px;height:180px;flex:none;cursor:pointer;transform:scale(2);will-change:transform}.access-gate .gate-logo img{display:block;width:100%;height:100%;object-fit:contain}.access-gate .gate-logo:focus-visible{outline:3px solid #f2b84b;outline-offset:6px;border-radius:24px}.access-gate h1{text-align:center;margin:0;font-size:1.8rem;line-height:1.2;transform:translateY(90px);will-change:transform}.gate-form-wrap{width:min(100%,356px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(16px);will-change:transform,opacity}.gate-main:not(.gate-ready):not(.is-open){visibility:hidden}.gate-ready .gate-brand,.gate-ready .gate-logo,.gate-ready h1{transition:transform .55s cubic-bezier(.22,.7,.25,1)}.gate-ready .gate-form-wrap{transition:opacity .3s ease .22s,transform .45s cubic-bezier(.22,.7,.25,1) .12s,visibility 0s linear .22s}.gate-main.is-open .gate-brand,.access-gate .gate-main.is-open .gate-logo,.access-gate .gate-main.is-open h1,.gate-main.is-open .gate-form-wrap{transform:none}.gate-main.is-open .gate-form-wrap{opacity:1;visibility:visible;pointer-events:auto}.access-gate label{display:block;font-weight:600;margin:0 0 8px}.access-gate input{display:block;width:100%;padding:14px 16px;border:1px solid #dbe2e4;border-radius:12px;background:#fff;font:inherit;line-height:1.3;color:inherit;margin-bottom:18px}.access-gate input:focus{outline:3px solid #f2b84b;outline-offset:2px}.access-gate form button{width:100%;margin:2px 0 0;padding:14px;border:0;border-radius:12px;background:#102a43;color:#fff;font:inherit;font-weight:700;cursor:pointer}.access-gate .error{color:#a83f2a;font-size:.9rem;line-height:1.4;margin:14px 0 0}@media(max-width:400px){.access-gate .gate-logo{width:150px;height:150px}.access-gate h1{transform:translateY(75px)}.access-gate .gate-main{gap:20px}}@media(max-height:650px){.access-gate{padding:20px 16px}.access-gate .gate-main{gap:16px}.gate-brand{gap:12px}}@media(prefers-reduced-motion:reduce){.gate-ready .gate-brand,.gate-ready .gate-logo,.gate-ready h1,.gate-ready .gate-form-wrap{transition:none;will-change:auto}}
.access-gate .gate-main h1{font-size:clamp(1.05rem,4.3vw,1.8rem);max-width:100%;overflow-wrap:anywhere}
.gate-ready:not(.is-open) .gate-form-wrap{transition:opacity .2s ease,transform .4s cubic-bezier(.22,.7,.25,1),visibility 0s linear .4s}
.gate-password-field{position:relative;width:100%}
.access-gate .gate-password-field input{margin:0;padding-right:66px;min-height:56px}
.access-gate form .gate-submit-arrow{position:absolute;right:7px;top:50%;transform:translateY(-50%) scale(.85);display:grid;place-items:center;width:44px;height:44px;margin:0;padding:7px;border:0;border-radius:9px;background:transparent;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s}
.gate-submit-arrow img{width:100%;height:100%;object-fit:contain}
.has-password .gate-submit-arrow,.gate-password-field:has(input:not(:placeholder-shown)) .gate-submit-arrow{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(-50%) scale(1)!important}
.access-gate form .gate-submit-arrow:hover{background:#eef5ff}
.access-gate form .gate-submit-arrow:focus-visible{outline:3px solid #f2b84b;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.access-gate form .gate-submit-arrow{transition:none}}