.auth-screen {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 40px;
  background: radial-gradient(circle at top left, #dcefe8 0, transparent 38%), var(--bg);
}
.auth-card {
  width: min(440px, 100%);
  padding: 30px;
  border: 1px solid rgba(29, 76, 66, .1);
  border-radius: 20px;
  background: white;
  box-shadow: 0 24px 70px rgba(26, 65, 57, .14);
}
.auth-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; }
.auth-brand > span { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; background: var(--green); color: white; font-weight: 900; }
.auth-brand small { display: block; color: var(--muted); }
.auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; margin-bottom: 20px; border-radius: 10px; background: var(--bg); }
.auth-tab { padding: 9px; border: 0; border-radius: 7px; background: transparent; color: var(--muted); font: inherit; font-weight: 750; cursor: pointer; }
.auth-tab.active { background: white; color: var(--green); box-shadow: 0 2px 9px rgba(26, 65, 57, .08); }
.auth-form { display: grid; gap: 14px; }
.auth-language { display: flex; justify-content: center; gap: 5px; margin-top: 18px; }
.signed-in-user { max-width: 180px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }