.glass-card {
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.os-icon-bg {
  background: radial-gradient(
    circle at center,
    rgba(168, 85, 247, 0.15) 0%,
    transparent 70%
  );
}
.brand-logo {
  display: block;
  width: auto;
}
.brand-logo--nav {
  height: 54px;
  width: 282px;
  max-width: none;
}
.brand-mark {
  display: block;
  width: auto;
  filter: drop-shadow(0 10px 18px rgba(122, 79, 255, 0.22));
}
.brand-mark--nav {
  height: 54px;
}
.brand-mark--footer {
  height: 42px;
}
.nav-brand-icon {
  display: block;
  width: auto;
  height: 42px;
  flex: 0 0 auto;
  filter: drop-shadow(0 10px 18px rgba(122, 79, 255, 0.22));
}
.site-nav-brand {
  gap: 0.4rem;
}
button.register-action {
  cursor: pointer;
  border: none;
  outline: none;
}
button.register-action:focus-visible {
  outline: 2px solid #a855f7;
  outline-offset: 2px;
}
.site-nav-shell {
  position: relative;
}
.site-nav-brand,
.site-nav-actions {
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .site-nav-menu {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .site-nav-actions {
    margin-left: auto;
  }
}

body [class*="text-purple-400"] { color: #59c3ff !important; }
body [class*="text-purple-500"] { color: #249fff !important; }
body [class*="hover:text-purple-400"]:hover { color: #59c3ff !important; }
body [class*="hover:text-purple-500"]:hover { color: #249fff !important; }
body [class*="bg-purple-500/20"] { background-color: rgb(36 159 255 / 0.2) !important; }
body [class*="border-purple-500/20"] { border-color: rgb(36 159 255 / 0.2) !important; }
body [class*="hover:border-purple-500/50"]:hover { border-color: rgb(36 159 255 / 0.5) !important; }
body [class*="hover:shadow-purple-500/30"]:hover { box-shadow: 0 20px 32px rgb(36 159 255 / 0.22) !important; }
body [class*="from-purple-600"] { --tw-gradient-from: #1d9bf0 var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(29 155 240 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
body [class*="to-purple-600"] { --tw-gradient-to: #1769d1 var(--tw-gradient-to-position) !important; }
body [class*="bg-purple-600"] { background-color: #1d9bf0 !important; }

.os-icon-bg {
  background: radial-gradient(
    circle at center,
    rgba(14, 165, 233, 0.15) 0%,
    transparent 70%
  );
}
.brand-mark,
.nav-brand-icon {
  filter: drop-shadow(0 10px 18px rgba(33, 157, 255, 0.22));
}
button.register-action:focus-visible {
  outline: 2px solid #249fff;
  outline-offset: 2px;
}