:root {
  color-scheme: dark;
  --background: #0a0a0a;
  --foreground: #f2f2ee;
  --muted: #9a9a94;
  --line: #2a2a27;
  --error: #ff9f9f;
}

* { box-sizing: border-box; }
html, body { min-height: 100%; }

body {
  margin: 0;
  background: var(--background);
  color: var(--foreground);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.model-shell {
  width: min(42rem, calc(100% - 3rem));
  min-height: 100vh;
  margin: 0 auto;
  display: grid;
  align-content: center;
  gap: 1.25rem;
  padding: 4rem 0;
}

.eyebrow,
small {
  margin: 0;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

h1 {
  max-width: 13ch;
  margin: 0;
  font-size: clamp(2.8rem, 9vw, 6.8rem);
  font-weight: 650;
  letter-spacing: -0.055em;
  line-height: 0.93;
}

.statement {
  max-width: 34rem;
  margin: 0;
  padding-top: 1.25rem;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: clamp(1rem, 2.5vw, 1.2rem);
  line-height: 1.6;
}

nav { display: flex; gap: 1rem; }
a { color: var(--foreground); }

form {
  display: grid;
  gap: 1rem;
  max-width: 24rem;
}

label { display: grid; gap: 0.4rem; color: var(--muted); }
input, button {
  border: 1px solid var(--line);
  border-radius: 0;
  background: #111;
  color: var(--foreground);
  font: inherit;
  padding: 0.75rem;
}
button { width: fit-content; cursor: pointer; }
.error { color: var(--error); }