/* Hayakil brand: navy #042C53, gold #BA7517, cream backgrounds, Arial. */
:root {
  --navy: #042c53;
  --gold: #ba7517;
  --cream: #faf6ee;
  --paper: #ffffff;
  --ink: #1d2733;
  --muted: #5b6673;
  --line: #e4dccb;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--cream);
  color: var(--ink);
  font: 15px/1.5 Arial, Helvetica, sans-serif;
}

.env-banner {
  background: var(--gold);
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.04em;
  padding: 4px 16px;
}

.topbar {
  background: var(--navy);
  color: #fff;
  padding: 14px 24px;
  border-bottom: 3px solid var(--gold);
}

.brand { font-weight: bold; letter-spacing: 0.02em; }

.container { max-width: 1100px; margin: 0 auto; padding: 32px 16px; }

.card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 28px;
  max-width: 460px;
  margin: 40px auto;
}

h1 { color: var(--navy); font-size: 22px; margin: 0 0 12px; }

.muted { color: var(--muted); font-size: 13px; }