.auth-wrap { min-height: 100vh; display: grid; grid-template-columns: 1.05fr 1fr; }
.auth-aside {
  background: linear-gradient(180deg, var(--bg-2), var(--bg-1));
  border-right: 1px solid var(--border); padding: 46px; display: flex; flex-direction: column; justify-content: space-between;
  position: relative; overflow: hidden;
}
.auth-aside .quote { font-family: var(--font-display); font-weight: 400; font-size: clamp(26px, 3vw, 38px); line-height: 1.1; max-width: 14em; }
.auth-aside .quote em { font-style: italic; color: var(--accent); }
.auth-aside .sub { color: var(--text-2); margin-top: 16px; max-width: 26em; }
.auth-wave { display: flex; align-items: center; gap: 4px; height: 80px; margin-top: 30px; }
.auth-wave i { flex: 1; border-radius: 4px; background: linear-gradient(180deg, var(--accent), var(--accent-2)); animation: wv 1.4s ease-in-out infinite; opacity: .8; }

.auth-main { display: flex; align-items: center; justify-content: center; padding: 40px 24px; }
.auth-card { width: 100%; max-width: 400px; }
.auth-card h2 { font-size: 28px; margin-bottom: 6px; }
.auth-card .lead { color: var(--text-2); margin-bottom: 26px; font-size: 15px; }
.auth-card .foot { margin-top: 20px; text-align: center; color: var(--text-2); font-size: 14px; }
.auth-card .foot a { color: var(--accent); font-weight: 600; }

@media (max-width: 860px) {
  .auth-wrap { grid-template-columns: 1fr; }
  .auth-aside { display: none; }
}