style.css

:root {
  color-scheme: dark;
}

body {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.glass {
  background: rgba(15, 23, 42, 0.75);
  backdrop-filter: blur(18px);
}

.pulse-ring {
  position: relative;
}

.pulse-ring::after {
  content: "";
  position: absolute;
  inset: -12px;
  border-radius: 9999px;
  border: 1px solid rgba(96, 165, 250, 0.45);
  animation: pulse 2.4s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(0.95);
    opacity: 0.6;
  }
  50% {
    transform: scale(1);
    opacity: 0.1;
  }
  100% {
    transform: scale(0.95);
    opacity: 0.6;
  }
}

@keyframes slideUp {
  from {
    transform: translateY(12px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.fade-in {
  animation: slideUp 0.45s ease-out both;
}

.loader {
  border-top-color: #38bdf8;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.toggle-on {
  background: linear-gradient(135deg, #2563eb 0%, #38bdf8 100%);
  box-shadow: 0 8px 44px rgba(56, 189, 248, 0.35);
}