Обновить запуск UI и упростить регистрацию

This commit is contained in:
malvviiina
2026-08-06 22:53:44 +03:00
parent e4b903b13c
commit b686b12c6a
7 changed files with 141 additions and 272 deletions
+78
View File
@@ -438,6 +438,70 @@
text-align: center;
}
.initial-splash {
position: fixed;
inset: 0;
z-index: 10000;
display: grid;
align-content: center;
justify-items: center;
gap: clamp(12px, 2.4vh, 20px);
padding: 24px;
overflow: hidden;
background:
radial-gradient(circle at 50% 18%, rgba(224, 172, 75, 0.08), transparent 26%),
radial-gradient(circle at 50% 67%, rgba(45, 81, 143, 0.06), transparent 38%),
linear-gradient(180deg, #040816 0%, #020611 54%, #01040c 100%);
font-family: "Manrope", "Inter", "SF Pro Display", system-ui, sans-serif;
opacity: 1;
visibility: visible;
transition: opacity 520ms ease, visibility 520ms ease;
}
.initial-splash.is-leaving {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.initial-splash__logo-wrap {
position: relative;
isolation: isolate;
width: clamp(232px, 59vw, 284px);
aspect-ratio: 1;
}
.initial-splash__logo-wrap::before {
content: "";
position: absolute;
inset: 16%;
z-index: -1;
border-radius: 50%;
background: rgba(214, 155, 56, 0.2);
filter: blur(30px);
animation: shine-halo-breathe 4.8s ease-in-out infinite;
}
.initial-splash__logo {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
filter:
drop-shadow(0 0 8px rgba(255, 211, 121, 0.72))
drop-shadow(0 8px 22px rgba(225, 158, 48, 0.38));
animation: shine-logo-breathe 4.8s ease-in-out infinite;
}
.initial-splash__brand {
margin-top: -4px;
color: #f4ebdd;
font-size: clamp(42px, 9vw, 56px);
font-weight: 500;
line-height: 1;
text-shadow: 0 3px 22px rgba(210, 168, 90, 0.2);
}
.auth-screen--welcome {
position: relative;
isolation: isolate;
@@ -709,6 +773,14 @@
}
@media (max-height: 760px) {
.initial-splash__logo-wrap {
width: 206px;
}
.initial-splash__brand {
font-size: 40px;
}
.auth-screen--welcome {
gap: 10px;
}
@@ -732,6 +804,12 @@
}
@media (prefers-reduced-motion: reduce) {
.initial-splash {
transition-duration: 1ms;
}
.initial-splash__logo,
.initial-splash__logo-wrap::before,
.auth-logo,
.auth-logo-wrap::before,
.shine-btn {