.access{min-height:100svh;padding:32px 16px calc(32px + env(safe-area-inset-bottom));background:#000;place-items:center;display:grid}.access-inner{width:min(100%,340px);transition:opacity .32s var(--ease), transform .32s var(--ease);flex-direction:column;align-items:center;gap:56px;margin-bottom:6vh;display:flex}.access[data-state=open] .access-inner{opacity:0;transform:scale(.985)}.access-brand{animation:access-rise .9s var(--ease) both;line-height:0}.access-mark{color:#fff;width:88px;height:44px}.access-form{width:100%;animation:access-rise .9s var(--ease) .12s both}.access-field{height:56px;transition:border-color var(--duration) var(--ease), background-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);background:#0e0e0e;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:5px 5px 5px 22px;display:flex}.access-field:hover{border-color:#fff3}.access-field:focus-within{background:#121212;border-color:#ffffff73;box-shadow:0 0 0 4px #ffffff0f}.access[data-state=wrong] .access-field,.access[data-state=empty] .access-field{border-color:#ffffff59}.access-input{color:#fafafa;letter-spacing:.02em;caret-color:#fff;background:0 0;border:0;flex:1;min-width:0;height:100%;padding:0;font-size:16px}.access-input::placeholder{color:#fafafa80;letter-spacing:0}.access-input:focus-visible{outline:none}.access-input::-ms-reveal{display:none}.access-submit{color:#000;width:44px;height:44px;transition:background-color var(--duration) var(--ease), transform .16s var(--ease);background:#fafafa;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.access-submit:hover:not(:disabled){background:#d6d6d6}.access-submit:active:not(:disabled){transform:scale(.94)}.access-submit:disabled{opacity:1}.access-submit:focus-visible{outline-offset:3px}.access-arrow{transition:transform var(--duration) var(--ease), opacity .16s var(--ease);grid-area:1/1}.access-submit:hover:not(:disabled) .access-arrow{transform:translate(2px)}.access-spinner{opacity:0;width:18px;height:18px;transition:opacity .16s var(--ease);border:1.5px solid #0003;border-top-color:#000;border-radius:50%;grid-area:1/1}.access-submit[aria-busy=true] .access-arrow{opacity:0}.access-submit[aria-busy=true] .access-spinner{opacity:1;animation:.7s linear infinite access-spin}.access-message{color:#fafafa94;text-align:center;min-height:20px;margin-top:14px;font-size:13px;line-height:20px}@keyframes access-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes access-spin{to{transform:rotate(1turn)}}