DataScope26/WEB

1@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Ubuntu:ital,wght@0,400;0,500;0,700;1,400&family=Roboto:ital,wght@0,400;0,700;1,700&display=swap');2 3.invite-page-layout {4  display: flex;5  justify-content: center;6  align-items: center;7  min-height: 100vh;8  background: var(--bg);9  padding: 1.25rem;10}11 12.invite-modal-override {13  width: 32.5rem;14  max-width: 95%;15  background: var(--surface-2);16  border-radius: 1.75rem;17  padding: 3.75rem 3.5rem;18  color: var(--color-text);19  font-family: 'Roboto', sans-serif;20  box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.12);21  position: relative;22}23 24.invite-modal-override h1 {25  text-align: center;26  font-size: 2.375rem;27  margin-bottom: 1.875rem;28  font-weight: 600;29  font-family: 'Space Grotesk', sans-serif;30}31 32.invite-subtitle {33  text-align: center;34  color: var(--color-muted);35  margin-bottom: 1.5rem;36  font-size: 0.875rem;37  letter-spacing: 0.5px;38}39 40/* Modal Backdrop */41.modal-backdrop-invite {42  position: fixed;43  inset: 0;44  background: rgba(0, 0, 0, 0.5);45  backdrop-filter: blur(0.125rem);46  z-index: 900;47}48 49/* Light Theme Overrides */50html[data-theme='light'] .invite-modal-override {51  background: var(--surface-2);52}53 54html[data-theme='light'] .modal-backdrop-invite {55  background: rgba(0, 0, 0, 0.2);56}57 58html[data-theme='light'] .invite-subtitle {59  color: #6b7280;60}