/* Approved desktop design: a quiet login and two clear primary actions. */
.button-login,.button-explore,.button-register{
  display:inline-flex;align-items:center;justify-content:center;gap:20px;
  min-height:50px;min-width:156px;padding:0 22px;border:1px solid transparent;
  border-radius:6px;font-size:15px;font-weight:600;line-height:1.4;letter-spacing:0;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.header .button-login{min-height:42px;min-width:88px;padding:0 20px;background:#fafbf8;border-color:#bccfc3;color:#183c3c;font-size:14px;box-shadow:none}
.header .button-login:hover{background:#edf3ec;border-color:#8ba996}
.header .button-login:active{background:#dfeadf}
.hero-actions .button-explore,.closing .button-register{padding:0 22px}
.button-explore{background:#18594d;border-color:#18594d;color:#fff;box-shadow:0 2px 4px #103c3c24}
.button-explore:hover{background:#104b40;border-color:#104b40;box-shadow:0 3px 6px #103c3c2b}
.button-explore:active{background:#0d3c34;box-shadow:0 1px 2px #103c3c20}
.button-register{background:#fafbf6;border-color:#e8eee3;color:#183c3c;box-shadow:0 2px 4px #031c2126}
.button-register:hover{background:#e8f0e3;border-color:#d3e1cc}
.button-register:active{background:#d9e5d4}
.action-arrow{display:flex;align-items:center;justify-content:center}
.action-arrow svg{display:block;width:18px;height:18px;flex:none;stroke-width:1.7}
.button-login:focus-visible,.button-explore:focus-visible,.button-register:focus-visible{outline:2px solid #548671;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.button-login,.button-explore,.button-register{transition:none}}

@media(max-width:720px){.header .button-login{min-height:44px}}