Улучшен вход пользователя в аккаунт

2026-08-28 16:51:14 +04:00
parent f2fdb8195c
commit 357a05f7ec
25 changed files with 821 additions and 270 deletions
@@ -9938,3 +9938,73 @@ body.chat-topbar-overlay .composer-slot {
    grid-template-columns: 50px minmax(0, 1fr) auto;
  }
 }
+
+
+/* Новый двухшаговый login flow */
+.login-remote-server {
+  width: 100%;
+  padding: 14px;
+  border: 1px solid rgba(182, 201, 235, 0.18);
+  border-radius: 14px;
+  background: rgba(4, 11, 25, 0.44);
+}
+
+.login-server-link {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  overflow-wrap: anywhere;
+  text-decoration: none;
+}
+
+.login-device-preparation {
+  width: 100%;
+}
+
+.secret-generation-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 12000;
+  place-items: center;
+  padding: 24px;
+  background: rgba(1, 5, 14, 0.72);
+  backdrop-filter: blur(14px);
+  -webkit-backdrop-filter: blur(14px);
+}
+
+.secret-generation-card {
+  width: min(100%, 290px);
+  place-items: center;
+  padding: 28px 24px;
+  border: 1px solid rgba(205, 220, 246, 0.18);
+  border-radius: 20px;
+  background: rgba(7, 15, 31, 0.9);
+  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.34);
+  text-align: center;
+}
+
+.secret-generation-spinner {
+  width: 42px;
+  height: 42px;
+  border: 3px solid rgba(220, 232, 255, 0.18);
+  border-top-color: rgba(238, 203, 126, 0.95);
+  border-radius: 50%;
+  animation: secret-generation-spin 0.82s linear infinite;
+}
+
+.secret-generation-title {
+  color: var(--preauth-ivory, #f4ebdd);
+  font-size: 18px;
+  font-weight: 650;
+}
+
+.secret-generation-progress {
+  min-height: 20px;
+  color: var(--preauth-muted, #a8bcdf);
+  font-size: 13px;
+}
+
+@keyframes secret-generation-spin {
+  to { transform: rotate(360deg); }
+}