/* InstantGrowth UK - Core Styles */
:root {
  --bg-color: #0B0F19;
  --surface-50: #1B2234;
  --surface-100: #161C2B;
  --surface-200: #121826;
  --surface-300: #0E131F;
  --border-color: #1F293D;
  --discord-color: #5865F2;
  --discord-hover: #4752C4;
  --twitch-color: #9146FF;
  --twitch-hover: #772CE8;
  --telegram-color: #24A1DE;
  --telegram-hover: #1D80B0;
  --text-main: #F3F4F6;
  --text-muted: #9CA3AF;
  --emerald: #10B981;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background-color: var(--bg-color);
  color: var(--text-main);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.6;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  background: radial-gradient(circle at 50% 0%, #161F33 0%, #0B0F19 70%);
  background-attachment: fixed;
}

a {
  color: inherit;
  text-decoration: none;
}

/* Custom scrollbars */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #0B0F19;
}
::-webkit-scrollbar-thumb {
  background: #1F293D;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #374151;
}

/* Modal and glow utilities */
.glow-discord {
  box-shadow: 0 0 40px -10px rgba(88, 101, 242, 0.35);
}
.glow-twitch {
  box-shadow: 0 0 40px -10px rgba(145, 70, 255, 0.35);
}
.glow-telegram {
  box-shadow: 0 0 40px -10px rgba(36, 161, 222, 0.35);
}

details > summary {
  list-style: none;
}
details > summary::-webkit-details-marker {
  display: none;
}