:root { color:#edf6fa; background:#0b1a22; }
body { background:radial-gradient(ellipse at 14% 48%,#16404666,transparent 60%); }
a { color:#8de5dc; }
.panel { background:#122832; border-color:#42606f; }
.muted,.intro>p:last-of-type { color:#bdd0d9; font-size:1rem; }
.label,.links,.message,button,.button,.actions button { font-size:0.875rem; }
input { font-size:1rem; background:#0e202a; color:#edf6fa; border-color:#597786; }
button,.button { background:#79dfcf; color:#10242b; border-color:#79dfcf; }
.secondary { background:transparent; color:#dbf2f3; border-color:#597786; }
input:focus { outline-color:#79dfcf; }
.brand span,footer { font-size:0.875rem; letter-spacing:0; line-height:1.7; }
footer { flex-wrap:wrap; gap:1rem; border-color:#395666; }
@media(max-width:760px) {
  .intro>p:last-of-type { font-size:1rem; }
  header { flex-wrap:wrap; gap:1rem; }
}