:root {
  --bg-page: #F7F7F7;
  --gray: #C2C2C2;
  --bg-card: #FFF;
  --btn-text: #FFF;
  --cord-text: #000;

  --green: #4BD55D;
  --green-border: #5BA44C;
  --mint: #49D5B7;
  --mint-border: #47A394;
  --red: #E47B60;
  --red-border: #D9654A;
  --pink: #FA7B87;
  --pink-border: #E04554;
  --blue: #51BFE7;
  --blue-border: #5490CD;
}

* {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
}

a {
  text-decoration: none;
  color: inherit;
}

body {
  height: 100dvh; 
  min-height: 100vh;
  margin: 0;
  background: var(--bg-page);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-x: hidden; 
}

.screen.splash {
  width: 100%; 
  height: 100dvh;
  min-height: 100vh;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  
}

@media (min-width: 500px) {
  body {
    background: var(--bg-page);
  }
  .screen.splash {
    max-width: 500px;
    height: 100dvh;
    margin: 0 auto; 
    box-shadow: 0 4px 40px rgba(34,34,34,0.07);
  }
}