.ta-auth-scene {
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  min-height: 100vh;
  min-height: 100svh;
  margin: 0;
  max-width: none;
  padding: 40px 20px;
  background: var(--ta-bg);
}
.ta-auth-scene::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(120deg, rgba(37,51,74,.28), rgba(69,104,168,.12) 55%, rgba(37,51,74,.24)), var(--ta-campus-image) center 56% / cover no-repeat;
}
.ta-auth-scene .ta-auth-panel {
  width: min(100%, 460px);
  padding: 32px;
  border: 1px solid rgba(255,255,255,.85);
  border-radius: 16px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 20px 64px rgba(20,36,62,.22);
}
.ta-auth-panel h1 { font-size: 25px; line-height: 1.4; margin: 0 0 12px; letter-spacing: 1px; }
.ta-auth-panel .subtitle { color: var(--ta-muted); font-size: 13px; margin: 0; }
.ta-auth-panel .auth-form { display: grid; gap: 20px; margin-top: 28px; }
@media(max-width:560px) {
  .ta-auth-scene { padding: 28px 20px; }
  .ta-auth-scene::before { background-position: center, 62% center; }
  .ta-auth-scene .ta-auth-panel { padding: 26px 24px; }
  .ta-auth-panel h1 { font-size: 23px; }
}