@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Inter:wght@300;400;500;600;700&family=Fira+Code:wght@400;500&display=swap');

@theme {
  --font-display: 'Orbitron', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'Fira Code', monospace;
  --color-ee-orange: #ff8c00;
  --color-ee-amber: #ffae00;
  --color-ee-dark: #05050a;
  --color-ee-surface: rgba(255, 255, 255, 0.05);
  --color-ee-border: rgba(255, 255, 255, 0.1);
}

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

html { scroll-behavior: smooth; }

body {
  background-color: #05050a;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(255, 140, 0, 0.06) 0%, transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(255, 174, 0, 0.06) 0%, transparent 40%);
  font-family: 'Inter', sans-serif;
  line-height: 1.7;
  min-height: 100vh;
}

.glass {
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-hover {
  transition: all 0.3s ease;
}
.glass-hover:hover {
  border-color: #ff8c00;
  box-shadow: 0 8px 30px rgba(255, 140, 0, 0.1);
  transform: translateY(-2px);
}

.glow-text {
  text-shadow: 0 0 40px rgba(255, 140, 0, 0.3);
}

.gradient-text {
  background: linear-gradient(to right, #fff, #ff8c00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.orange-glow {
  box-shadow: 0 0 20px rgba(255, 140, 0, 0.15);
}

@keyframes pulse-glow {
  0% { box-shadow: 0 0 0 0 rgba(255, 140, 0, 0.5); }
  70% { box-shadow: 0 0 0 12px rgba(255, 140, 0, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 140, 0, 0); }
}
.animate-pulse-glow {
  animation: pulse-glow 2.5s infinite;
}

details > summary::-webkit-details-marker {
  display: none;
}
details > summary {
  list-style: none;
  cursor: pointer;
}
details > summary::before {
  content: '\25B6';
  display: inline-block;
  margin-right: 8px;
  transition: transform 0.2s;
  color: #ff8c00;
  font-size: 0.7em;
}
details[open] > summary::before {
  transform: rotate(90deg);
}

details > summary + * {
  animation: slide-down 0.3s ease-out;
}
@keyframes slide-down {
  from { opacity: 0; max-height: 0; }
  to { opacity: 1; max-height: 2000px; }
}

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #05050a; }
::-webkit-scrollbar-thumb { background: #ff8c00; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #e67e00; }