/* Scoped utilities for the authentication views ported from 71d7f46. */
.auth-scope .sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; }
.auth-scope .relative { position: relative; }
.auth-scope .mx-auto { margin-left: auto; margin-right: auto; }
.auth-scope .mb-1 { margin-bottom: 0.25rem; }
.auth-scope .mb-10 { margin-bottom: 2.5rem; }
.auth-scope .mb-2 { margin-bottom: 0.5rem; }
.auth-scope .mb-3 { margin-bottom: 0.75rem; }
.auth-scope .mb-4 { margin-bottom: 1rem; }
.auth-scope .mb-5 { margin-bottom: 1.25rem; }
.auth-scope .mb-6 { margin-bottom: 1.5rem; }
.auth-scope .mb-8 { margin-bottom: 2rem; }
.auth-scope .ml-2 { margin-left: 0.5rem; }
.auth-scope .mt-1 { margin-top: 0.25rem; }
.auth-scope .mt-2 { margin-top: 0.5rem; }
.auth-scope .mt-3 { margin-top: 0.75rem; }
.auth-scope .mt-4 { margin-top: 1rem; }
.auth-scope .mt-5 { margin-top: 1.25rem; }
.auth-scope .mt-6 { margin-top: 1.5rem; }
.auth-scope .mt-7 { margin-top: 1.75rem; }
.auth-scope .mt-\[18px\] { margin-top: 18px; }
.auth-scope .block { display: block; }
.auth-scope .flex { display: flex; }
.auth-scope .grid { display: grid; }
.auth-scope .hidden { display: none; }
.auth-scope .h-0\.5 { height: 0.125rem; }
.auth-scope .h-10 { height: 2.5rem; }
.auth-scope .h-12 { height: 3rem; }
.auth-scope .h-4 { height: 1rem; }
.auth-scope .h-5 { height: 1.25rem; }
.auth-scope .h-6 { height: 1.5rem; }
.auth-scope .h-9 { height: 2.25rem; }
.auth-scope .h-full { height: 100%; }
.auth-scope .min-h-screen { min-height: 100vh; }
.auth-scope .w-10 { width: 2.5rem; }
.auth-scope .w-24 { width: 6rem; }
.auth-scope .w-4 { width: 1rem; }
.auth-scope .w-5 { width: 1.25rem; }
.auth-scope .w-6 { width: 1.5rem; }
.auth-scope .w-8 { width: 2rem; }
.auth-scope .w-9 { width: 2.25rem; }
.auth-scope .w-full { width: 100%; }
.auth-scope .min-w-0 { min-width: 0px; }
.auth-scope .max-w-4xl { max-width: 56rem; }
.auth-scope .max-w-6xl { max-width: 72rem; }
.auth-scope .max-w-xl { max-width: 36rem; }
.auth-scope .flex-1 { flex: 1 1 0%; }
.auth-scope .shrink-0 { flex-shrink: 0; }
.auth-scope .cursor-no-drop { cursor: no-drop; }
.auth-scope .cursor-pointer { cursor: pointer; }
.auth-scope .grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.auth-scope .grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.auth-scope .grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); }
.auth-scope .grid-cols-\[1fr_1\.5fr\] { grid-template-columns: 1fr 1.5fr; }
.auth-scope .flex-col { flex-direction: column; }
.auth-scope .flex-wrap { flex-wrap: wrap; }
.auth-scope .items-start { align-items: flex-start; }
.auth-scope .items-center { align-items: center; }
.auth-scope .justify-center { justify-content: center; }
.auth-scope .justify-between { justify-content: space-between; }
.auth-scope .gap-1\.5 { gap: 0.375rem; }
.auth-scope .gap-2 { gap: 0.5rem; }
.auth-scope .gap-3 { gap: 0.75rem; }
.auth-scope .gap-4 { gap: 1rem; }
.auth-scope .gap-8 { gap: 2rem; }
.auth-scope .gap-x-1 { column-gap: 0.25rem; }
.auth-scope :is(.space-y-4 > :not([hidden]) ~ :not([hidden])) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); }
.auth-scope .break-words { overflow-wrap: break-word; }
.auth-scope .rounded-2xl { border-radius: 1rem; }
.auth-scope .rounded-3xl { border-radius: 1.5rem; }
.auth-scope .rounded-\[12px\] { border-radius: 12px; }
.auth-scope .rounded-full { border-radius: 9999px; }
.auth-scope .rounded-lg { border-radius: 0.5rem; }
.auth-scope .rounded-md { border-radius: 0.375rem; }
.auth-scope .rounded-xl { border-radius: 0.75rem; }
.auth-scope .border { border-width: 1px; }
.auth-scope .border-2 { border-width: 2px; }
.auth-scope .border-y { border-top-width: 1px; border-bottom-width: 1px; }
.auth-scope .border-l-\[3px\] { border-left-width: 3px; }
.auth-scope .border-r { border-right-width: 1px; }
.auth-scope .border-t { border-top-width: 1px; }
.auth-scope .border-\[\#f5d8e1\] { --tw-border-opacity: 1; border-color: rgb(245 216 225 / var(--tw-border-opacity, 1)); }
.auth-scope .border-gray-200 { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); }
.auth-scope .border-themeborder { --tw-border-opacity: 1; border-color: rgb(239 231 236 / var(--tw-border-opacity, 1)); }
.auth-scope .border-l-\[\#d6336c\] { --tw-border-opacity: 1; border-left-color: rgb(214 51 108 / var(--tw-border-opacity, 1)); }
.auth-scope .bg-\[\#fde7ee\] { --tw-bg-opacity: 1; background-color: rgb(253 231 238 / var(--tw-bg-opacity, 1)); }
.auth-scope .bg-gray-50 { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); }
.auth-scope .bg-themebg { --tw-bg-opacity: 1; background-color: rgb(193 30 102 / var(--tw-bg-opacity, 1)); }
.auth-scope .bg-themesurface { --tw-bg-opacity: 1; background-color: rgb(254 245 249 / var(--tw-bg-opacity, 1)); }
.auth-scope .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.auth-scope .bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); }
.auth-scope .from-themebg { --tw-gradient-from: #C11E66 var(--tw-gradient-from-position); --tw-gradient-to: rgb(193 30 102 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.auth-scope .from-themesurface { --tw-gradient-from: #FEF5F9 var(--tw-gradient-from-position); --tw-gradient-to: rgb(254 245 249 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.auth-scope .via-white { --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to); }
.auth-scope .to-themebg { --tw-gradient-to: #C11E66 var(--tw-gradient-to-position); }
.auth-scope .to-themesurface { --tw-gradient-to: #FEF5F9 var(--tw-gradient-to-position); }
.auth-scope .p-3 { padding: 0.75rem; }
.auth-scope .p-5 { padding: 1.25rem; }
.auth-scope .p-6 { padding: 1.5rem; }
.auth-scope .p-\[14px_16px\] { padding: 14px 16px; }
.auth-scope .px-0 { padding-left: 0px; padding-right: 0px; }
.auth-scope .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.auth-scope .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.auth-scope .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.auth-scope .px-4 { padding-left: 1rem; padding-right: 1rem; }
.auth-scope .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.auth-scope .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.auth-scope .py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; }
.auth-scope .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.auth-scope .py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.auth-scope .pb-12 { padding-bottom: 3rem; }
.auth-scope .pt-28 { padding-top: 7rem; }
.auth-scope .pt-4 { padding-top: 1rem; }
.auth-scope .pt-\[80px\] { padding-top: 80px; }
.auth-scope .text-left { text-align: left; }
.auth-scope .text-center { text-align: center; }
.auth-scope .text-2xl { font-size: 1.5rem; line-height: 2rem; }
.auth-scope .text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.auth-scope .text-base { font-size: 1rem; line-height: 1.5rem; }
.auth-scope .text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.auth-scope .text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.auth-scope .text-xs { font-size: 0.75rem; line-height: 1rem; }
.auth-scope .font-bold { font-weight: 700; }
.auth-scope .font-medium { font-weight: 500; }
.auth-scope .font-semibold { font-weight: 600; }
.auth-scope .uppercase { text-transform: uppercase; }
.auth-scope .leading-\[1\.55\] { line-height: 1.55; }
.auth-scope .leading-relaxed { line-height: 1.625; }
.auth-scope .leading-tight { line-height: 1.25; }
.auth-scope .tracking-tight { letter-spacing: -0.025em; }
.auth-scope .tracking-widest { letter-spacing: 0.1em; }
.auth-scope .text-\[\#3d1f2e\] { --tw-text-opacity: 1; color: rgb(61 31 46 / var(--tw-text-opacity, 1)); }
.auth-scope .text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); }
.auth-scope .text-gray-600 { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); }
.auth-scope .text-gray-700 { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); }
.auth-scope .text-gray-900 { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); }
.auth-scope .text-red-700 { --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity, 1)); }
.auth-scope .text-themecolor { --tw-text-opacity: 1; color: rgb(228 50 127 / var(--tw-text-opacity, 1)); }
.auth-scope .text-themetext { --tw-text-opacity: 1; color: rgb(36 32 39 / var(--tw-text-opacity, 1)); }
.auth-scope .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.auth-scope .underline-offset-4 { text-underline-offset: 4px; }
.auth-scope .accent-themebg { accent-color: rgb(193, 30, 102); }
.auth-scope .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.auth-scope .shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.auth-scope .shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.auth-scope .outline-none { outline: transparent solid 2px; outline-offset: 2px; }
.auth-scope .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.auth-scope .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.auth-scope .duration-300 { transition-duration: 300ms; }
.auth-scope .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.auth-scope .after\:absolute::after { content: var(--tw-content); position: absolute; }
.auth-scope .after\:left-1\/2::after { content: var(--tw-content); left: 50%; }
.auth-scope .after\:top-1\/2::after { content: var(--tw-content); top: 50%; }
.auth-scope .after\:h-3::after { content: var(--tw-content); height: 0.75rem; }
.auth-scope .after\:w-3::after { content: var(--tw-content); width: 0.75rem; }
.auth-scope .after\:-translate-x-1\/2::after { content: var(--tw-content); --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.auth-scope .after\:-translate-y-1\/2::after { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.auth-scope .after\:bg-\[url\(\'data\:image\/svg\+xml\;base64\,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI\+PC9wb2x5bGluZT48L3N2Zz4\=\'\)\]::after { content: var(--tw-content); background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4="); }
.auth-scope .after\:bg-contain::after { content: var(--tw-content); background-size: contain; }
.auth-scope .after\:bg-no-repeat::after { content: var(--tw-content); background-repeat: no-repeat; }
.auth-scope .after\:opacity-0::after { content: var(--tw-content); opacity: 0; }
.auth-scope .after\:transition-opacity::after { content: var(--tw-content); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.auth-scope .after\:duration-300::after { content: var(--tw-content); transition-duration: 300ms; }
.auth-scope .after\:content-\[\'\'\]::after { --tw-content: ''; content: var(--tw-content); }
.auth-scope .hover\:border-themebg:hover { --tw-border-opacity: 1; border-color: rgb(193 30 102 / var(--tw-border-opacity, 1)); }
.auth-scope .hover\:bg-themebg:hover { --tw-bg-opacity: 1; background-color: rgb(193 30 102 / var(--tw-bg-opacity, 1)); }
.auth-scope .hover\:bg-themehover:hover { --tw-bg-opacity: 1; background-color: rgb(168 22 85 / var(--tw-bg-opacity, 1)); }
.auth-scope .hover\:bg-themesurface:hover { --tw-bg-opacity: 1; background-color: rgb(254 245 249 / var(--tw-bg-opacity, 1)); }
.auth-scope .hover\:underline:hover { text-decoration-line: underline; }
.auth-scope .hover\:shadow-\[0_0_15px_rgba\(168\,85\,247\,0\.5\)\]:hover { --tw-shadow: 0 0 15px rgba(168,85,247,0.5); --tw-shadow-colored: 0 0 15px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.auth-scope .focus\:border-themebg:focus { --tw-border-opacity: 1; border-color: rgb(193 30 102 / var(--tw-border-opacity, 1)); }
.auth-scope .focus\:outline-none:focus { outline: transparent solid 2px; outline-offset: 2px; }
.auth-scope .focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.auth-scope .focus\:ring-themeborder:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(239 231 236 / var(--tw-ring-opacity, 1)); }
.auth-scope .disabled\:cursor-no-drop:disabled { cursor: no-drop; }
.auth-scope .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; }
.auth-scope .disabled\:bg-themesurface:disabled { --tw-bg-opacity: 1; background-color: rgb(254 245 249 / var(--tw-bg-opacity, 1)); }
.auth-scope .disabled\:no-underline:disabled { text-decoration-line: none; }
.auth-scope .disabled\:opacity-40:disabled { opacity: 0.4; }
.auth-scope .disabled\:opacity-50:disabled { opacity: 0.5; }
.auth-scope .disabled\:hover\:bg-themebg:hover:disabled { --tw-bg-opacity: 1; background-color: rgb(193 30 102 / var(--tw-bg-opacity, 1)); }
.auth-scope :is(.peer:checked ~ .peer-checked\:rotate-0) { --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.auth-scope :is(.peer:checked ~ .peer-checked\:border-0) { border-width: 0px; }
.auth-scope :is(.peer:checked ~ .peer-checked\:border-themebg) { --tw-border-opacity: 1; border-color: rgb(193 30 102 / var(--tw-border-opacity, 1)); }
.auth-scope :is(.peer:checked ~ .peer-checked\:bg-themesurface) { --tw-bg-opacity: 1; background-color: rgb(254 245 249 / var(--tw-bg-opacity, 1)); }
.auth-scope :is(.peer:checked ~ .peer-checked\:bg-gradient-to-br) { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); }
.auth-scope :is(.peer:checked ~ .peer-checked\:after\:opacity-100)::after { content: var(--tw-content); opacity: 1; }
.auth-scope :is(.peer:focus-visible ~ .peer-focus-visible\:ring-2) { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.auth-scope :is(.peer:focus-visible ~ .peer-focus-visible\:ring-themebg) { --tw-ring-opacity: 1; --tw-ring-color: rgb(193 30 102 / var(--tw-ring-opacity, 1)); }
.auth-scope :is(.peer:focus-visible ~ .peer-focus-visible\:ring-offset-2) { --tw-ring-offset-width: 2px; }
@media (min-width: 640px) {
  .auth-scope .sm\:block { display: block; }
  .auth-scope .sm\:h-14 { height: 3.5rem; }
  .auth-scope .sm\:gap-2 { gap: 0.5rem; }
  .auth-scope .sm\:p-4 { padding: 1rem; }
  .auth-scope .sm\:p-7 { padding: 1.75rem; }
  .auth-scope .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .auth-scope .sm\:pb-16 { padding-bottom: 4rem; }
  .auth-scope .sm\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
  .auth-scope .sm\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
  .auth-scope .sm\:text-lg { font-size: 1.125rem; line-height: 1.75rem; }
}
@media (min-width: 768px) {
  .auth-scope .md\:mb-10 { margin-bottom: 2.5rem; }
  .auth-scope .md\:mb-12 { margin-bottom: 3rem; }
  .auth-scope .md\:mb-2 { margin-bottom: 0.5rem; }
  .auth-scope .md\:w-auto { width: auto; }
  .auth-scope .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .auth-scope .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .auth-scope .md\:gap-6 { gap: 1.5rem; }
  .auth-scope .md\:rounded-xl { border-radius: 0.75rem; }
  .auth-scope .md\:p-10 { padding: 2.5rem; }
  .auth-scope .md\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .auth-scope .md\:py-12 { padding-top: 3rem; padding-bottom: 3rem; }
  .auth-scope .md\:pt-36 { padding-top: 3rem; }
  .auth-scope .md\:pt-\[120px\] { padding-top: 120px; }
  .auth-scope .md\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
  .auth-scope .md\:text-base { font-size: 1rem; line-height: 1.5rem; }
}
@media (min-width: 1024px) {
  .auth-scope .lg\:min-h-\[580px\] { min-height: 580px; }
  .auth-scope .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .auth-scope .lg\:gap-16 { gap: 4rem; }
  .auth-scope .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; }
  .auth-scope .lg\:text-5xl { font-size: 3rem; line-height: 1; }
}