.login-form{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-form .login-form__card{flex-direction:column;align-items:center;gap:32px;padding:40px 32px;display:flex}.login-form .login-form__header{flex-direction:column;align-items:center;gap:8px;display:flex}.login-form .login-form__title{color:#ededea}.login-form .login-form__status{flex-direction:row;gap:12px;display:flex}.login-form .login-form__status-dot{border:1px solid #6f6f6b;border-radius:50%;width:8px;height:8px;transition:all .3s cubic-bezier(.165,.84,.44,1)}.login-form .login-form__status-dot--active{background-color:#ededea;border-color:#ededea}.login-form .login-form__dialpad{grid-template-columns:repeat(3,64px);gap:12px;display:grid}.login-form .login-form__dialpad-button{color:#ededea;background:0 0;border:1px solid #ededea;border-radius:50%;justify-content:center;align-items:center;height:64px;padding:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:16px;transition:background-color .3s cubic-bezier(.165,.84,.44,1),color .3s cubic-bezier(.165,.84,.44,1);display:flex}.login-form .login-form__dialpad-button:hover:not(:disabled),.login-form .login-form__dialpad-button:focus-visible:not(:disabled){color:#0c0c0d;background-color:#c8ff2b}.login-form .login-form__dialpad-button:disabled{opacity:.4}.login-form .login-form__hint{color:#6f6f6b;text-align:center}.login-form.login-form--error .login-form__card{border-color:#ff4d4d;animation:.4s cubic-bezier(.165,.84,.44,1) login-form-shake}.login-form.login-form--error .login-form__status-dot{background-color:#ff4d4d;border-color:#ff4d4d}.login-form.login-form--locked .login-form__card{border-color:#ff4d4d}.login-form.login-form--success .login-form__status-dot{background-color:#c8ff2b;border-color:#c8ff2b}@keyframes login-form-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}