* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.nav-left li,
.nav-right li {
    color: #333;             /* neutral dark */
    cursor: pointer;
    font-weight: 500;
}

.nav-left li:hover,
.nav-right li:hover {
    color: #d85b3f;          /* brand color on hover only */
}

:root {
    --primary: #d85b3f;
    --light: #fff8f2;
    --dark: #333;
}

body {
    font-family: "Segoe UI", sans-serif;
    background: var(--light);
    color: var(--dark);
}

@media (max-width: 768px) {
  .form-row {
    flex-direction: column;
  }
}