.unlock{min-height:100dvh;padding-block:40px 48px;padding-left:max(18px, env(safe-area-inset-left,0px));padding-right:max(18px, env(safe-area-inset-right,0px));flex-direction:column;justify-content:center;align-items:center;gap:26px;display:flex}.unlock__logo .logo-art{filter:drop-shadow(4px 4px #000);width:min(86vw,432px);height:auto}.unlock__card{width:100%;max-width:400px}.unlock__card.is-wrong{animation:.42s steps(8,end) both fx-shake}.unlock__h{color:var(--gold);background:var(--wine);border-bottom:3px solid var(--ink);font:400 15px/1 var(--f-px);letter-spacing:.06em;align-items:center;gap:10px;padding:11px 14px;display:flex}.unlock__body{gap:10px;padding:16px 16px 18px;display:grid}.unlock__lead{font:500 16px/1.4 var(--f-tx)}.unlock__label{font:400 13px/1 var(--f-px);letter-spacing:.06em;margin-top:4px}.unlock__input{width:100%;color:var(--ink);background:var(--white);border:3px solid var(--ink);font:600 18px/1.2 var(--f-tx);letter-spacing:.08em;border-radius:0;padding:12px;box-shadow:inset 3px 3px #0000001f}.unlock__input:focus{outline:3px solid var(--cyan);outline-offset:2px}.unlock__err{color:#fff;background:var(--red);border:3px solid var(--ink);font:400 13px/1.25 var(--f-px);letter-spacing:.03em;padding:7px 10px}.unlock__go{width:100%;margin-top:6px;padding:14px;font-size:17px}.unlock__foot{color:var(--paper);opacity:.6;font:400 13px/1.3 var(--f-px);letter-spacing:.05em;text-align:center}