:root { color-scheme: dark; }
.rounded-pill { border-radius: 999px; }
summary::-webkit-details-marker { display: none; }

/* Optimized Hero Styles */
.hero-gradient-text {
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}


/* Colorful Gradient Border for Main Area */
.rotating-light {
  position: relative;
  padding: 4px;
  border-radius: inherit;
  overflow: hidden;
}

.rotating-light::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: conic-gradient(
    from 0deg,
    transparent,
    #64748b,
    #475569,
    #334155,
    #1e293b,
    #0f172a,
    #1e293b,
    #334155,
    #475569,
    #64748b,
    transparent
  );
  border-radius: inherit;
  z-index: -1;
  padding: 4px;
  box-sizing: border-box;
  background-clip: padding-box;
}

.rotating-light > * {
  background: inherit;
  border-radius: inherit;
  position: relative;
  z-index: 1;
}

/* Clean and Optimized Styles */