* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Inter, Segoe UI, system-ui, sans-serif;
}

body {
  min-height: 100vh;
  color: #e8eef8;
  background:
    radial-gradient(circle at top left, rgba(245, 185, 66, 0.16), transparent 32%),
    radial-gradient(circle at right, rgba(180, 83, 9, 0.12), transparent 28%),
    #14110c;
  line-height: 1.5;
}

button,
input,
select {
  font: inherit;
}

input,
select {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.12);
  outline: 0;
  border-radius: 12px;
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
}

select option {
  background: #1c1812;
  color: #e8eef8;
}

input:focus,
select:focus {
  outline: 2px solid #f5b942;
  outline-offset: 2px;
  border-color: rgba(245, 185, 66, 0.4);
}
