.sds-home-widget {
  position: fixed;
  z-index: 48;
  text-decoration: none;
  color: inherit;
}

.sds-home-widget--desktop {
  display: none;
  left: max(1.5rem, env(safe-area-inset-left, 0px));
  bottom: max(1.75rem, env(safe-area-inset-bottom, 0px));
  animation: sds-widget-float 6.5s ease-in-out infinite;
}

.sds-home-widget--mobile {
  display: block;
  left: max(0.35rem, env(safe-area-inset-left, 0px));
  bottom: calc(5.1rem + env(safe-area-inset-bottom, 0px));
  animation: sds-widget-float-mobile 7.5s ease-in-out infinite;
}

.sds-home-widget__glow {
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
}

.sds-home-widget--desktop .sds-home-widget__glow {
  inset: -35% -20%;
  background:
    radial-gradient(circle at 30% 50%, rgba(34, 211, 238, 0.28), transparent 58%),
    radial-gradient(circle at 72% 42%, rgba(168, 85, 247, 0.32), transparent 62%),
    radial-gradient(circle at 50% 80%, rgba(245, 158, 11, 0.18), transparent 55%);
  filter: blur(18px);
  animation: sds-widget-glow 4.8s ease-in-out infinite;
}

.sds-home-widget--mobile .sds-home-widget__glow {
  inset: -30% -18%;
  background: radial-gradient(circle, rgba(168, 85, 247, 0.28), transparent 68%);
  filter: blur(8px);
  opacity: 0.75;
  animation: sds-widget-glow-mobile 5.5s ease-in-out infinite;
}

.sds-home-widget__frame {
  position: relative;
  display: block;
  background: linear-gradient(120deg, #22d3ee, #a855f7, #f59e0b, #f472b6, #22d3ee);
  background-size: 320% 320%;
  animation: sds-widget-gradient 9s ease infinite;
}

.sds-home-widget--desktop .sds-home-widget__frame {
  padding: 1.5px;
  border-radius: 15px;
  box-shadow:
    0 14px 42px rgba(0, 0, 0, 0.48),
    0 0 32px rgba(168, 85, 247, 0.22),
    0 0 18px rgba(34, 211, 238, 0.12);
}

.sds-home-widget--mobile .sds-home-widget__frame {
  padding: 1px;
  border-radius: 6px;
  box-shadow:
    0 4px 13px rgba(0, 0, 0, 0.46),
    0 0 10px rgba(168, 85, 247, 0.2),
    0 0 6px rgba(34, 211, 238, 0.1);
}

.sds-home-widget__inner {
  display: flex;
  align-items: center;
  background:
    radial-gradient(circle at 0% 0%, rgba(168, 85, 247, 0.14), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(34, 211, 238, 0.1), transparent 46%),
    linear-gradient(145deg, rgba(10, 9, 16, 0.96), rgba(6, 10, 14, 0.94));
  backdrop-filter: blur(18px);
  transition: transform 0.24s ease, box-shadow 0.24s ease;
}

.sds-home-widget--desktop .sds-home-widget__inner {
  gap: 0.8rem;
  padding: 0.72rem 1rem 0.72rem 0.78rem;
  border-radius: 13.5px;
}

.sds-home-widget--mobile .sds-home-widget__inner {
  gap: 0.25rem;
  padding: 0.25rem 0.34rem 0.25rem 0.27rem;
  border-radius: 5px;
}

.sds-home-widget:hover .sds-home-widget__inner,
.sds-home-widget:focus-visible .sds-home-widget__inner {
  transform: translateY(-1px);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.sds-home-widget:focus-visible {
  outline: 2px solid rgba(34, 211, 238, 0.55);
  outline-offset: 3px;
  border-radius: 10px;
}

.sds-home-widget__logo-wrap {
  position: relative;
  flex-shrink: 0;
}

.sds-home-widget--desktop .sds-home-widget__logo-wrap {
  width: 2.05rem;
  height: 2.65rem;
}

.sds-home-widget--mobile .sds-home-widget__logo-wrap {
  width: 0.66rem;
  height: 0.85rem;
}

.sds-home-widget__logo {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.sds-home-widget--desktop .sds-home-widget__logo {
  filter: drop-shadow(0 0 12px rgba(168, 85, 247, 0.38));
  animation: sds-widget-logo-tilt 11s ease-in-out infinite;
}

.sds-home-widget--mobile .sds-home-widget__logo {
  filter: drop-shadow(0 0 4px rgba(168, 85, 247, 0.36));
}

.sds-home-widget__copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.sds-home-widget--desktop .sds-home-widget__copy {
  gap: 0.12rem;
}

.sds-home-widget--mobile .sds-home-widget__copy {
  gap: 0.05rem;
}

.sds-home-widget__kicker {
  font: 700 9px "JetBrains Mono", monospace;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(245, 158, 11, 0.88);
}

.sds-home-widget__label {
  line-height: 1.1;
}

.sds-home-widget--desktop .sds-home-widget__label {
  font: 600 13px "Space Grotesk", sans-serif;
  letter-spacing: -0.01em;
  background: linear-gradient(118deg, #22d3ee 0%, #c084fc 52%, #f59e0b 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.sds-home-widget--mobile .sds-home-widget__kicker {
  font-size: 5px;
}

.sds-home-widget--mobile .sds-home-widget__label {
  font: 600 6px "Space Grotesk", sans-serif;
  letter-spacing: -0.01em;
  background: linear-gradient(118deg, #22d3ee 0%, #c084fc 52%, #f59e0b 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.sds-home-widget--mobile .sds-home-widget__arrow {
  font-size: 0.52rem;
}

.sds-home-widget__arrow {
  font-size: 1.15rem;
  color: #22d3ee;
  transition: transform 0.24s ease, color 0.24s ease;
}

.sds-home-widget--desktop:hover .sds-home-widget__arrow,
.sds-home-widget--desktop:focus-visible .sds-home-widget__arrow {
  transform: translateX(4px);
  color: #c084fc;
}

@media (min-width: 768px) {
  .sds-home-widget--desktop {
    display: block;
  }

  .sds-home-widget--mobile {
    display: none !important;
  }
}

@keyframes sds-widget-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

@keyframes sds-widget-float-mobile {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

@keyframes sds-widget-gradient {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

@keyframes sds-widget-glow {
  0%, 100% { opacity: 0.62; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.06); }
}

@keyframes sds-widget-glow-mobile {
  0%, 100% { opacity: 0.55; }
  50% { opacity: 0.9; }
}

@keyframes sds-widget-logo-tilt {
  0%, 100% { transform: rotate(0deg) translateY(0); }
  50% { transform: rotate(5deg) translateY(-2px); }
}

@media (prefers-reduced-motion: reduce) {
  .sds-home-widget,
  .sds-home-widget__glow,
  .sds-home-widget__frame,
  .sds-home-widget__logo {
    animation: none;
  }
}