/* Base reset and global styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  height: 100vh;
  height: 100dvh;
  min-height: 100vh;
  min-height: 100dvh;
  background: linear-gradient(90deg, #5872ff, #f868c9);
}

@media screen and (max-width: 768px) {
  html, body {
    height: 100%;
    min-height: -webkit-fill-available;
  }
}

@supports (padding: max(0px)) {
  body {
    padding-left: max(0px, env(safe-area-inset-left));
    padding-right: max(0px, env(safe-area-inset-right));
    padding-bottom: max(0px, env(safe-area-inset-bottom));
  }
}

.submission-flow {
  min-height: 100vh;
  min-height: 100dvh;
}