/* UI Baseline: cross-browser polish and RTL/LTR helpers */

/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
}

/* Accessible focus ring */
:focus-visible { outline: 3px solid rgba(23,162,184,.45); outline-offset: 2px; }

/* Clip-path decorative shapes fallback */
@supports not (clip-path: polygon(0 0,100% 0,100% 100%,0 100%)) {
  .signup-bg, .hero-bg, .decor-clip { display: none !important; }
}

/* Ensure LTR direction on email/domains inside RTL layouts */
[dir='rtl'] input[type='email'],
[dir='rtl'] .domain-addon,
[dir='rtl'] .domain-preview-text,
[dir='rtl'] .mailto,
[dir='rtl'] a[href^='mailto:'],
[dir='rtl'] a[href^='tel:'] { direction: ltr; text-align: left; }

/* Smooth buttons hover (kept subtle) */
.btn:hover { filter: brightness(0.98); }

/* Tighten small-screen spacing */
@media (max-width: 575.98px) {
  .input-group-text { padding: .45rem .6rem; }
  .card { border-radius: 14px; }
}