.auth-bar{
  max-width: 1180px;
  margin: 24px auto 0;
  padding: 0 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.auth-button{
  position: relative;
  isolation: isolate;
  min-width: 158px;
  padding: 13px 28px;
  overflow: hidden;
  border: 1px solid rgba(255,215,94,.72);
  border-radius: 10px;
  text-align: center;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .11em;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.auth-button::before{
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(115deg,transparent 25%,rgba(255,255,255,.28) 48%,transparent 70%);
  transform: translateX(-120%);
  transition: transform .5s ease;
}

.auth-button:hover::before{transform:translateX(120%)}
.auth-button:hover{transform:translateY(-3px)}

.auth-button.login{
  color: #ffe89a;
  background: linear-gradient(180deg,#201b14,#0e1118);
  box-shadow: inset 0 1px rgba(255,255,255,.08),0 8px 24px rgba(0,0,0,.28);
}

.auth-button.login:hover{
  box-shadow: inset 0 1px rgba(255,255,255,.1),0 0 24px rgba(255,215,94,.2),0 10px 26px rgba(0,0,0,.35);
}

.auth-button.register{
  color: #211100;
  border-color: #ffd75e;
  background: linear-gradient(180deg,#fff2a6 0%,#ffd75e 38%,#f5a900 100%);
  text-shadow: 0 1px rgba(255,255,255,.5);
  box-shadow: inset 0 1px rgba(255,255,255,.75),0 0 24px rgba(255,193,7,.2),0 8px 22px rgba(0,0,0,.32);
}

.auth-button.register:hover{filter:brightness(1.08);box-shadow:inset 0 1px rgba(255,255,255,.85),0 0 32px rgba(255,193,7,.34),0 12px 28px rgba(0,0,0,.38)}
.auth-button:active{transform:translateY(1px)}
.auth-button:focus-visible{outline:2px solid #c9ff31;outline-offset:4px}
.auth-bar + .hero{padding-top:58px}
.auth-bar + .legal-hero{padding-top:48px}

@media(max-width:760px){
  .auth-bar{margin-top:18px;padding:0 16px;gap:10px}
  .auth-button{flex:1;min-width:0;max-width:190px;padding:12px 16px}
  .auth-bar + .hero{padding-top:45px}
}

@media(prefers-reduced-motion:reduce){
  .auth-button,.auth-button::before{transition:none}
}