@font-face {
  font-family: "Etlyon Sans";
  src: url("fonts/SourceSans3-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Etlyon Sans";
  src: url("fonts/SourceSans3-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
:root {
  --entry-paper: #F7F6F3;
  --entry-ink: #1A1A1A;
  --entry-muted: #626460;
  --entry-on-accent: #FFFFFF;
  --fonts-regular: "Etlyon Sans", sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root {
    --entry-paper: #121314;
    --entry-ink: #F7F6F3;
    --entry-muted: #A6AAA7;
    --entry-on-accent: #121314;
  }
}
.etlyon-entry {
  box-sizing: border-box;
  margin: 0;
  min-height: 100svh;
  display: grid;
  grid-template-rows: 1fr auto;
  background: var(--entry-paper);
  color: var(--entry-ink);
  font: 400 17px/1.5 "Etlyon Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
}
.etlyon-entry *, .entry-public-header { box-sizing: border-box; }
.etlyon-entry main {
  align-self: center;
  width: min(100%, 428px);
  padding: 48px 24px 72px;
  margin: 0 auto;
  text-align: center;
}
.etlyon-entry h1 { margin: 0; font-size: 30px; line-height: 1.2; }
.company-name { letter-spacing: .16em; }
.entry-intro { margin: 20px 0 32px; color: var(--entry-muted); }
.entry-signin {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 16px;
  border-radius: 8px;
  background: var(--brand-mark);
  color: var(--entry-on-accent);
  text-decoration: none;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
}
.entry-signin:hover { filter: brightness(.94); }
.entry-signin:focus-visible { outline: 2px solid var(--brand-mark); outline-offset: 4px; }
.entry-footer {
  color: var(--entry-muted);
  text-align: center;
  padding: 24px;
  font: 400 13px/1.5 "Etlyon Sans", sans-serif;
}
.entry-public-header { padding: 24px; font: 600 20px/1.2 "Etlyon Sans", sans-serif; }
.entry-public-header a { color: inherit; text-decoration: none; }
.etlyon-entry .message { margin: 16px 0; text-align: left; font-size: 16px; }
@media (max-width: 359px) {
  .etlyon-entry h1 { font-size: 26px; }
  .entry-signin { font-size: 16px; }
}