@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap");

:root {
  --navy: #02023f;
  --blue: #0733ff;
  --cyan: #13d7ff;
  --orange: #ff6b00;
  --gold: #ffad00;
  --red: #f1374d;
  --muted-purple: #44375f;
}

html,
body {
  min-height: 100%;
  margin: 0;
  background: var(--navy);
  color: white;
  font-family: Poppins, ui-sans-serif, system-ui, sans-serif;
}

* {
  box-sizing: border-box;
}

button,
input,
select,
textarea {
  font: inherit;
}

.timer-marker {
  clip-path: polygon(50% 0, 100% 24%, 100% 100%, 0 100%, 0 24%);
}

.option-gradient {
  background: linear-gradient(180deg, var(--gold) 0%, var(--orange) 100%);
}

.option-selected {
  background: linear-gradient(180deg, var(--gold) 0%, var(--orange) 100%);
  color: white;
}