.auth-page{padding: 0;min-height: calc(100vh - var(--header-h) - var(--bottombar-h))}@media (min-width: 980px){.auth-page{padding: 32px 0 80px}}.auth-split{display: flex;flex-direction: column;gap: 0;min-width: 0}@media (min-width: 980px){.auth-split{display: grid;grid-template-columns: 1.05fr 1fr;gap: 48px;align-items: stretch}}.auth-visual{position: relative;border-radius: 0;overflow: hidden;min-height: 280px;padding: 32px 24px 36px;display: flex;flex-direction: column;justify-content: flex-end;isolation: isolate}@media (min-width: 980px){.auth-visual{border-radius: var(--r-xl);min-height: 620px;padding: 48px}}.auth-visual__img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center 30%;z-index: -2;opacity: 0;transition: opacity .35s ease}.auth-visual[data-auth-visual="login"] .auth-visual__img--login,.auth-visual[data-auth-visual="signup"] .auth-visual__img--signup{opacity: 1}.auth-visual__overlay{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: linear-gradient(180deg,rgba(15,10,26,.35) 0%,rgba(15,10,26,.85) 100%),radial-gradient(circle at 20% 30%,rgba(var(--pink-rgb),.2) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(var(--violet-rgb),.25) 0%,transparent 50%)}@media (min-width: 980px){.auth-visual__overlay{background: linear-gradient(135deg,rgba(15,10,26,.55) 0%,rgba(15,10,26,.92) 100%),radial-gradient(circle at 20% 30%,rgba(var(--pink-rgb),.25) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(var(--violet-rgb),.3) 0%,transparent 50%)}}.auth-visual__copy{position: relative}.auth-visual__title{font-weight: 800;font-size: clamp(28px,5vw,48px);line-height: 1;letter-spacing: -.03em;margin: 10px 0 16px}.auth-visual__title em{font-style: normal;background: var(--grad-primary);-webkit-background-clip: text;background-clip: text;color: transparent}.auth-visual__lead{color: var(--text-2);font-size: 14px;line-height: 1.6;margin-bottom: 20px;max-width: 480px}@media (min-width: 720px){.auth-visual__lead{font-size: 15px}}.auth-visual__lead strong{color: var(--text);font-weight: 700}.auth-visual__perks{list-style: none;display: flex;flex-direction: column;gap: 8px;margin-bottom: 22px}.auth-visual__perks li{display: flex;align-items: center;gap: 10px;font-size: 13px;color: var(--text-2)}@media (min-width: 720px){.auth-visual__perks li{font-size: 14px}}.auth-visual__check{width: 20px;height: 20px;border-radius: 50%;background: rgba(0,196,140,.15);color: #00C48C;display: inline-flex;align-items: center;justify-content: center;font-size: 11px;font-weight: 800;flex-shrink: 0}.auth-visual__trust{display: flex;align-items: center;gap: 12px;padding: 12px 16px;background: rgba(0,0,0,.35);backdrop-filter: blur(12px);border: 1px solid rgba(255,255,255,.1);border-radius: var(--r);max-width: 360px}.auth-visual__trust .i3d{width: 32px;height: 32px;flex-shrink: 0}.auth-visual__trust strong{display: block;font-size: 13px;font-weight: 700}.auth-visual__trust span{display: block;font-size: 11px;color: var(--text-3)}.auth-shell--solo{width: 100%;display: flex;justify-content: center;padding: 8px 0 32px}.auth-shell--solo .auth-card{width: 100%;max-width: 520px;margin: 0;justify-self: center}.auth-card{background: var(--surface);border: 1px solid var(--line);border-radius: var(--r-xl);padding: 24px;display: flex;flex-direction: column;gap: 18px;margin: 16px 0 32px}@media (min-width: 980px){.auth-card{padding: 36px;margin: 0;align-self: center;width: 100%;max-width: 480px;justify-self: end}}.auth-card__tabs{display: grid;grid-template-columns: 1fr 1fr;gap: 4px;padding: 4px;background: var(--bg);border: 1px solid var(--line);border-radius: 999px}.auth-card__tab{padding: 12px 14px;border-radius: 999px;background: transparent;color: var(--text-2);font-size: 13px;font-weight: 600;font-family: inherit;cursor: pointer;border: 0;transition: all .25s var(--ease)}.auth-card__tab--on{background: var(--text);color: var(--bg);font-weight: 700}.auth-card__panel{display: none;flex-direction: column;gap: 16px}.auth-card__panel--on{display: flex}.auth-card__head h2{font-weight: 800;font-size: 22px;letter-spacing: -.02em;line-height: 1.15;margin-bottom: 6px}@media (min-width: 720px){.auth-card__head h2{font-size: 26px}}.auth-card__head p{color: var(--text-2);font-size: 14px;line-height: 1.5}.auth-card__head p strong{color: var(--gold);font-weight: 700}.auth-form{display: flex;flex-direction: column;gap: 14px}.auth-form__extras{display: flex;justify-content: space-between;align-items: center;gap: 12px;flex-wrap: wrap}.auth-form__cta{width: 100%;margin-top: 4px}.auth-magic{margin-top: 20px;display: flex;flex-direction: column;gap: 14px}.auth-magic__sep{display: flex;align-items: center;gap: 12px;color: var(--text-3);font-size: 11px;font-weight: 700;letter-spacing: .12em;text-transform: uppercase}.auth-magic__sep::before,.auth-magic__sep::after{content: '';flex: 1;height: 1px;background: var(--line)}.auth-magic__toggle{width: 100%;display: inline-flex;align-items: center;justify-content: center;gap: 8px}.auth-magic__toggle svg{color: #B57BFF;filter: drop-shadow(0 0 6px rgba(181,123,255,.4))}.auth-magic__form{display: flex;flex-direction: column;gap: 12px;padding: 16px;background: rgba(var(--violet-rgb),.06);border: 1px solid rgba(var(--violet-rgb),.25);border-radius: var(--r-lg)}.auth-magic__form[hidden]{display: none}.auth-magic__hint{font-size: 12px;color: var(--text-2);line-height: 1.45;margin: 0}.auth-magic__status{font-size: 12px;line-height: 1.45;margin: 0;min-height: 1em}.auth-magic__status[data-state="ok"]{color: #00C48C}.auth-magic__status[data-state="error"]{color: #FF5B7A}.auth-card__foot{text-align: center;font-size: 13px;color: var(--text-3);padding-top: 12px;border-top: 1px dashed var(--line)}.auth-card__foot a{color: var(--pink-light);font-weight: 600}.auth-card__seals{display: flex;justify-content: center;gap: 18px;margin-top: 4px;padding-top: 14px;border-top: 1px solid var(--line)}.auth-card__seal{display: flex;align-items: center;gap: 6px;font-size: 11px;color: var(--text-3);font-weight: 600;letter-spacing: .02em}.auth-card__seal .i3d{width: 20px;height: 20px}
