/* Liquid glass buttons. */
.site-header,.site-header.scrolled{
  isolation:isolate;
  background:linear-gradient(115deg,#ffffff30,#ece5ff18 60%,#dccaff26)!important;
  border:1px solid #ffffffd9!important;
  -webkit-backdrop-filter:blur(7px) saturate(155%);backdrop-filter:blur(7px) saturate(155%);
  box-shadow:inset 0 2px 2px #fffffff5,inset 2px 0 4px #ffffffa6,inset -2px -3px 5px #75639938,inset 0 -1px 1px #ffffffd9,0 1px 2px #79639340,0 16px 38px #55447e20!important;
}
.site-header::before,.site-header::after{
  content:"";position:absolute;inset:1px;pointer-events:none;border-radius:inherit;z-index:-1;
}
.site-header::before{
  background:linear-gradient(180deg,#ffffff70,transparent 16%,transparent 82%,#ffffff26),radial-gradient(ellipse at 0% 50%,#ffffff65,transparent 15%),radial-gradient(ellipse at 100% 50%,#dfd0ff40,transparent 14%);
}
.site-header::after{
  background:linear-gradient(112deg,transparent 22%,#ffffff16 35%,transparent 46%,transparent 73%,#ffffff12 85%,transparent);
  box-shadow:inset 0 1px 1px #fff,inset 0 -1px 2px #ffffffb3;
}
:is(.btn,.menu-toggle){
  position:relative;isolation:isolate;overflow:hidden;
  border:1px solid rgba(255,255,255,.8)!important;
  background:linear-gradient(170deg,rgba(255,255,255,.48),rgba(255,255,255,.08) 43%,rgba(48,37,76,.12) 78%,rgba(255,255,255,.38))!important;
  color:#363149!important;
  -webkit-backdrop-filter:blur(16px) saturate(145%);backdrop-filter:blur(16px) saturate(145%);
  box-shadow:inset 0 2px 2px #ffffffed,inset 2px 0 3px #ffffff85,inset -1px -2px 3px #5a496a55,0 1px 1px #675a7b55,0 9px 22px #44325520!important;
  text-shadow:0 1px 1px #ffffff7a;
  transition:transform .25s ease,box-shadow .25s ease!important;
}
:is(.btn-primary,.btn-dark){
  background:linear-gradient(175deg,#ffffff45 0%,#ffffff08 35%,transparent 48%,#27126720 78%,#ffffff30 100%),linear-gradient(115deg,#245cda,#6939ca 72%,#8342b8)!important;
  color:#fff!important;text-shadow:0 1px 2px #29145f66;
  box-shadow:inset 0 2px 2px #ffffffd9,inset 2px 0 3px #ffffff70,inset -1px -2px 4px #28126975,inset 0 -1px 1px #ffffff70,0 1px 1px #49308555,0 9px 24px #4c5ad530!important;
}
:is(.btn,.menu-toggle)::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  inset:1px;border-radius:inherit;
  background:radial-gradient(ellipse at 24% 0%,#ffffffb0,transparent 54%),linear-gradient(175deg,transparent 49%,#ffffff22 50%,transparent 73%);
}
:is(.btn,.menu-toggle)::after{
  content:"";position:absolute;pointer-events:none;inset:0;border-radius:inherit;
  background:linear-gradient(115deg,transparent 25%,#ffffff45 45%,#ffffff08 58%,transparent 73%);
  transform:translateX(-120%);transition:transform .65s ease;
}
@media(hover:hover) and (pointer:fine){
  :is(.btn,.menu-toggle):hover{transform:translateY(-2px);box-shadow:inset 0 2px 3px #fff,inset 2px 0 3px #ffffffa0,inset -1px -2px 3px #5a496a66,0 1px 1px #675a7b55,0 12px 26px #44325530!important}
  :is(.btn,.menu-toggle):hover::after{transform:translateX(120%)}
}
:is(.btn,.menu-toggle):focus-visible{outline:3px solid #6850a5;outline-offset:4px}
:is(.btn,.menu-toggle):active{transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){:is(.btn,.menu-toggle),:is(.btn,.menu-toggle)::after{transition:none!important}}