/* beaconalumni.online - the entry page (sizes in vmin, as the rest of beacon) */
:root { --vmin: 1vmin; --ink: #1b2a41; --muted: #4f5d73; --accent: #1f6feb; --paper: #f6f8fb; }
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--paper); color: var(--ink);
  font: calc(2.2 * var(--vmin)) / 1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
main { max-width: calc(110 * var(--vmin)); margin: 0 auto; padding: calc(5 * var(--vmin)) calc(3 * var(--vmin)); }
h1 { font-size: calc(5 * var(--vmin)); margin: 0 0 calc(1 * var(--vmin)); }
h2 { font-size: calc(2.8 * var(--vmin)); margin: 0 0 calc(0.8 * var(--vmin)); }
.lead { font-size: calc(2.6 * var(--vmin)); color: var(--muted); margin-bottom: calc(4 * var(--vmin)); }
.apps { display: grid; grid-template-columns: repeat(auto-fit, minmax(calc(45 * var(--vmin)), 1fr)); gap: calc(2 * var(--vmin)); }
.apps div, .try {
  background: #fff; border: 1px solid #d8dee8; border-radius: calc(1.2 * var(--vmin));
  padding: calc(2.5 * var(--vmin));
}
.try { margin-top: calc(4 * var(--vmin)); }
.button {
  display: inline-block; background: var(--accent); color: #fff; text-decoration: none;
  padding: calc(1.4 * var(--vmin)) calc(3 * var(--vmin)); border-radius: calc(1 * var(--vmin)); font-weight: 600;
}
.button:hover { filter: brightness(1.1); }
.rules { color: var(--muted); padding-left: calc(3 * var(--vmin)); }
footer { text-align: center; color: var(--muted); padding: calc(3 * var(--vmin)); font-size: calc(1.8 * var(--vmin)); }