/*
 * Auth pages (devise layout)
 *
 * Same visual language as the landing page: a white card with a
 * hairline border, a soft shadow and a quiet rise-in.
 */

.auth-card {
  box-shadow: 0 1px 2px rgba(16, 17, 20, 0.04), 0 24px 56px -28px rgba(16, 17, 20, 0.16);
  animation: authRise 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes authRise {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

/* Focus ring for inputs (accent) */
.auth-input-focus:focus {
  border-color: var(--color-accent-cyan);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-accent-cyan) 15%, transparent);
}

.auth-input-focus {
  transition: border-color 200ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 200ms cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
  .auth-card {
    animation: none;
  }
}