:root {
  --navy: #0d3b66;
  --ink: #1c2430;
  --muted: #5b6b7f;
  --line: #dfe5ec;
  --bg: #f5f7fa;
  --green: #1b7f5f;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font: 16px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
main { max-width: 860px; margin: 0 auto; padding: 40px 22px 60px; }
h1 { font-size: 30px; line-height: 1.2; margin: 0 0 12px; color: var(--navy); }
h2 { font-size: 19px; margin: 0 0 8px; color: var(--navy); }
.lede { font-size: 18px; margin: 0 0 10px; }
.reset { color: var(--muted); margin: 0 0 28px; }
section { background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 20px 22px; margin-bottom: 18px; }
.apps { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; background: none; border: 0; padding: 0; }
.app { display: block; background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 20px 22px; text-decoration: none; color: inherit; }
.app:hover { border-color: var(--navy); }
.app p { margin: 0 0 8px; }
.hint { color: var(--muted); font-size: 14px; margin: 0; }
table { width: 100%; border-collapse: collapse; margin-top: 12px; }
th, td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--line); font-size: 15px; }
th { color: var(--muted); font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: .03em; }
td.num { font-variant-numeric: tabular-nums; }
.code-box { text-align: center; padding: 10px 0 4px; }
.code { font-size: 42px; font-weight: 700; letter-spacing: .16em; font-variant-numeric: tabular-nums; color: var(--navy); }
.countdown { height: 4px; background: var(--line); border-radius: 2px; overflow: hidden; margin: 10px auto 6px; max-width: 260px; }
.bar { height: 100%; background: var(--green); width: 100%; transition: width 1s linear; }
footer { color: var(--muted); font-size: 14px; margin-top: 26px; }
strong { font-variant-numeric: tabular-nums; }
@media (max-width: 640px) { .apps { grid-template-columns: 1fr; } h1 { font-size: 25px; } }