.unlock-screen{place-items:center;min-height:100dvh;padding:24px 16px;display:grid;position:relative;overflow:hidden}.unlock-screen>.pixel-sky{position:absolute;inset:0}.unlock-panel{z-index:1;text-align:center;width:min(440px,100%);padding:32px 28px 28px;position:relative}.unlock-title{margin:0}.unlock-title .brand-wordmark{font-size:clamp(22px,6vw,30px)}.unlock-tagline{font:400 10px/1.8 var(--font-pixel);color:#cfe3ea;margin:14px 0 0}.unlock-soon{font:400 13px/1.5 var(--font-space);color:#8fb3bf;margin:18px 0 0}.unlock-form{gap:12px;margin-top:20px;display:grid}.unlock-input{color:#eef6f8;height:48px;font:400 15px var(--font-space);background:#0a171c;border:2px solid #355760;border-radius:0;outline:none;padding:0 14px}.unlock-input:focus-visible{border-color:#69aac1;box-shadow:0 0 0 2px #69aac155}.unlock-input[aria-invalid=true]{border-color:#d9594f}.unlock-error{font:400 13px/1.4 var(--font-space);color:#f08a80;margin:0}