.preview-gate{color:#f5f8fa;background:#102c46;place-items:center;min-height:100svh;padding:40px 20px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:grid}.preview-gate-panel{background:#063f78;width:min(440px,100%);padding:38px 38px 42px}.preview-gate-logo{justify-content:center;align-items:center;height:132px;margin-bottom:24px;display:flex}.preview-gate-logo img{flex-shrink:0;width:200px;height:200px}.preview-gate h1{letter-spacing:-.02em;text-align:center;margin:0 0 8px;font-size:27px;font-weight:550;line-height:1.2}.preview-gate-panel>p{color:#c8deee;text-align:center;margin:0 0 30px;line-height:1.6}.preview-gate form{gap:12px;display:grid}.preview-gate label{font-size:14px}.preview-gate input{color:#f5f8fa;background:#103655;border:1px solid #7ca7ca;width:100%;height:52px;padding:0 16px}.preview-gate input:focus-visible{outline-offset:2px;outline:2px solid #dceff3}.preview-gate button{cursor:pointer;color:#102c46;background:#dceff3;border:0;height:50px;margin-top:6px;font-size:14px;font-weight:650}.preview-gate button:hover{background:#c4e3eb}.preview-gate button:focus-visible{outline-offset:3px;outline:2px solid #f5f8fa}.preview-gate .preview-error{color:#ffcfca;margin:2px 0 0;font-size:14px}@media (max-width:600px){.preview-gate-panel{padding:34px 26px 38px}}