.gate{place-items:center;min-height:100vh;padding:24px;display:grid}.gate form{background:var(--ground-2);flex-direction:column;width:min(400px,100%);display:flex}.gate .head{background:var(--counter);color:var(--on-counter);padding:22px 24px 18px}.gate .head .mark{align-items:center;gap:9px;margin-bottom:13px;padding:0;display:flex}.gate .head .mark i{background:var(--accent);flex:none;width:13px;height:13px}.gate .head .mark b{font-family:var(--disp);font-size:var(--f5);font-weight:400}.gate h1{font-family:var(--disp);font-size:var(--n3);font-weight:400;line-height:1.2}.gate .head p{font-size:var(--f2);color:color-mix(in oklab,var(--on-counter) 74%,transparent);margin-top:7px;font-weight:600;line-height:1.6}.gate .body{flex-direction:column;gap:13px;padding:20px 24px 22px;display:flex}.gate label{flex-direction:column;gap:5px;display:flex}.gate input{background:var(--ground);font-size:var(--f3);color:var(--mark);padding:10px 12px;font-weight:600}.gate input:focus{background:var(--ground-3)}.gate .err{font-size:var(--f1);background:var(--accent);color:var(--on-accent);padding:6px 10px;font-weight:800}.gate .hint{font-size:var(--f1);color:var(--mark-2);font-weight:600;line-height:1.6}