/* Every button on the site, in the same style as Arctura Polaris: glass with a gold rim, a light that follows the pointer, and one solid gold action. */
@property --lg{syntax:'<number>';inherits:false;initial-value:0}
:root{
  --gold-rgb:212,174,104;--gold-hi-rgb:237,203,141;--night-rgb:4,11,22;--panel2-rgb:11,30,48;--mist-rgb:184,195,207;--white-rgb:255,255,255;--black-rgb:0,0,0;
  --lg-rim:linear-gradient(155deg,rgba(var(--gold-hi-rgb),.62),rgba(var(--mist-rgb),.18) 28%,rgba(var(--mist-rgb),.05) 60%,rgba(var(--gold-rgb),.34));
  --lg-sheen:linear-gradient(180deg,rgba(var(--white-rgb),.11),rgba(var(--white-rgb),.03) 44%,rgba(var(--white-rgb),0) 62%);
  --lg-fill:linear-gradient(180deg,rgba(var(--panel2-rgb),.55),rgba(var(--night-rgb),.62));
  --lg-depth:inset 0 1px 0 rgba(var(--white-rgb),.16),inset 0 -1px 0 rgba(var(--black-rgb),.38),0 10px 24px -14px rgba(var(--black-rgb),.85);
  --lg-light:radial-gradient(130px circle at var(--mx,50%) var(--my,-30%),rgba(var(--gold-hi-rgb),calc(var(--lg) * .34)),transparent 72%);
  --lg-ease:cubic-bezier(.22,.8,.24,1);
}
.btn{min-height:44px;padding:0 20px;border-radius:3px;font:500 11.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;border:1px solid transparent}
.btn:active{transform:translateY(1px) scale(.985)}
.btn-ghost{color:var(--ivory);border:1px solid transparent!important;background:var(--lg-light) padding-box,var(--lg-sheen) padding-box,var(--lg-fill) padding-box,var(--lg-rim) border-box!important;box-shadow:var(--lg-depth);-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);transition:--lg .45s var(--lg-ease),box-shadow .45s var(--lg-ease),color .25s var(--lg-ease),transform .2s var(--lg-ease)}
.btn-ghost:hover{--lg:1;color:var(--gold-hi);box-shadow:var(--lg-depth),inset 0 0 0 1px rgba(var(--gold-hi-rgb),.3),0 14px 30px -12px rgba(var(--gold-hi-rgb),.55)}
.btn-gold{background-color:var(--gold);color:#1a1408;border-color:var(--gold);background-image:radial-gradient(110px circle at var(--mx,50%) var(--my,-30%),rgba(var(--white-rgb),calc(var(--lg) * .38)),transparent 70%),linear-gradient(180deg,rgba(var(--white-rgb),.34),rgba(var(--white-rgb),.06) 46%,rgba(var(--black-rgb),.08));box-shadow:inset 0 1px 0 rgba(var(--white-rgb),.55),inset 0 -2px 4px rgba(120,80,30,.35),0 10px 26px -12px rgba(var(--gold-hi-rgb),.55);transition:--lg .45s var(--lg-ease),box-shadow .45s var(--lg-ease),background-color .3s,transform .2s var(--lg-ease)}
.btn-gold:hover{--lg:1;background-color:var(--gold-hi);border-color:var(--gold-hi);box-shadow:inset 0 1px 0 rgba(var(--white-rgb),.65),inset 0 -2px 4px rgba(120,80,30,.3),0 14px 34px -10px rgba(var(--gold-hi-rgb),.75)}
/* the header's early-access button */
.bar .cta-top{min-height:40px;padding:0 16px;border-radius:3px;color:var(--ivory);border:1px solid transparent!important;background:var(--lg-light) padding-box,var(--lg-sheen) padding-box,var(--lg-fill) padding-box,var(--lg-rim) border-box!important;box-shadow:var(--lg-depth);-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4)}
.bar .cta-top:hover{--lg:1;color:var(--gold-hi);box-shadow:var(--lg-depth),inset 0 0 0 1px rgba(var(--gold-hi-rgb),.3),0 14px 30px -12px rgba(var(--gold-hi-rgb),.55)}
.bar .cta-top::after{font-size:.9rem}
.btn{cursor:pointer}
.btn[disabled]{opacity:.45;pointer-events:none}
.btn:focus-visible,.bar .cta-top:focus-visible,.cookie .btns button:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px;border-radius:3px}
/* the cookie choice: both buttons glass and equal, as the law asks */
.cookie .btns button{border:1px solid transparent!important;border-radius:3px;background:var(--lg-light) padding-box,var(--lg-sheen) padding-box,var(--lg-fill) padding-box,var(--lg-rim) border-box;box-shadow:var(--lg-depth);font-weight:500;transition:--lg .45s var(--lg-ease),box-shadow .45s var(--lg-ease),color .25s var(--lg-ease),transform .2s var(--lg-ease)}
.cookie .btns button:hover{--lg:1;color:var(--gold-hi);box-shadow:var(--lg-depth),inset 0 0 0 1px rgba(var(--gold-hi-rgb),.3),0 14px 30px -12px rgba(var(--gold-hi-rgb),.55)}
.cookie .btns button:active{transform:translateY(1px) scale(.985)}
@media (prefers-reduced-motion:reduce){:root{--lg-ease:linear}}