:root {
  --deep: #1a5b92;
  --paper: #f4f1ea;
  --ink: #141c26;
  --muted: #5c6b7a;
  --line: rgba(20, 28, 38, 0.12);
  --card: #fffcf7;
  --ok: #1b7f4e;
  --bad: #9c2f2f;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(900px 420px at 100% -10%, rgba(61, 161, 188, 0.18), transparent 60%),
    var(--paper);
  color: var(--ink);
  font-family: Outfit, sans-serif;
  font-size: 17px;
  line-height: 1.45;
}
a { color: inherit; }
.top {
  display: flex;
  align-items: center;
  padding: 16px 28px;
  border-bottom: 1px solid var(--line);
}
.brand { font-family: Fraunces, serif; font-size: 22px; text-decoration: none; }
.brand span { color: var(--deep); }
main { max-width: 720px; margin: 0 auto; padding: 36px 20px 48px; }
h1 { font-family: Fraunces, serif; font-weight: 560; font-size: 40px; line-height: 1.1; margin: 0 0 12px; }
h2 { font-family: Fraunces, serif; font-weight: 560; font-size: 32px; margin: 0; }
h3 { margin: 8px 0 0; font-size: 15px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted); }
.lead, footer { color: var(--muted); }
footer { max-width: 720px; margin: 0 auto; padding: 0 20px 48px; }
.drop {
  display: grid;
  place-items: center;
  min-height: 140px;
  margin-top: 8px;
  border: 1px dashed var(--deep);
  border-radius: 18px;
  background: var(--card);
  color: var(--deep);
  cursor: pointer;
}
.drop.over { background: white; }
.drop input { display: none; }
.status { margin: 16px 0 0; }
.status.bad { color: var(--bad); }
.card {
  display: grid;
  gap: 14px;
  margin-top: 22px;
  padding: 22px;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 18px;
}
.card section { display: grid; gap: 12px; padding-top: 8px; border-top: 1px solid var(--line); }
.card p { display: grid; gap: 2px; margin: 0; }
.card span { color: var(--muted); font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; }
.card strong { font-weight: 500; overflow-wrap: anywhere; }
.ok { color: var(--ok); }
.bad { color: var(--bad); }