Decoder2704/python-chatbot-jay

1.auth-page {2  min-height: calc(100vh - 4rem);3  padding: 2rem clamp(1rem, 4vw, 1.5rem) 3rem;4  background: #f5f6f8;5  display: flex;6  align-items: center;7  justify-content: center;8  box-sizing: border-box;9}10 11.auth-split {12  display: grid;13  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);14  max-width: 1040px;15  width: 100%;16  background: #ffffff;17  border-radius: 24px;18  border: 1px solid rgba(15, 23, 42, 0.08);19  box-shadow: 0 4px 32px rgba(15, 23, 42, 0.08);20  overflow: hidden;21  transition:22    box-shadow var(--duration-slow) var(--ease-out),23    transform var(--duration-normal) var(--ease-out);24}25 26@media (hover: hover) {27  .auth-split:hover {28    box-shadow: 0 8px 44px rgba(15, 23, 42, 0.11);29  }30}31 32.auth-split__left {33  padding: 2.5rem 2.25rem;34  background: linear-gradient(165deg, #f8fafc 0%, #eef2ff 55%, #f5f3ff 100%);35  border-right: 1px solid rgba(15, 23, 42, 0.06);36}37 38.auth-split__right {39  padding: 2.25rem 2.25rem 2rem;40  display: flex;41  flex-direction: column;42  justify-content: center;43  min-height: 520px;44}45 46@media (max-width: 900px) {47  .auth-split {48    grid-template-columns: 1fr;49    max-width: 480px;50  }51 52  .auth-split__left {53    border-right: none;54    border-bottom: 1px solid rgba(15, 23, 42, 0.06);55    padding: 2rem 1.75rem;56  }57 58  .auth-split__right {59    min-height: auto;60    padding: 2rem 1.75rem;61  }62}63