*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:#000;color:#fff}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.gate{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;padding:2rem;background:#ffffff;color:#121212;text-align:center}.gate-mark{width:64px;height:64px;display:block;filter:invert(1)}.gate-title{font-size:1.05rem;font-weight:500;letter-spacing:.42em;text-indent:.42em;margin:0 0 .6rem}.gate-form{display:flex;flex-direction:column;gap:.7rem;width:min(20rem,100%)}.gate-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(0,0,0,.5)}.gate-input{font:inherit;padding:.75rem .9rem;color:#121212;background:#f4f4f4;border:1px solid rgba(0,0,0,.16);border-radius:2px}.gate-input:focus-visible{outline:2px solid #121212;outline-offset:1px}.gate-button{font:inherit;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;padding:.8rem 1rem;color:#f4f4f4;background:#121212;border:0;border-radius:2px;cursor:pointer}.gate-error{font-size:.82rem;color:rgba(0,0,0,.62);margin:0}