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

:root {
  --color-bg-deep: #0B1120;
  --color-glass: rgba(15, 23, 42, 0.6);
  --color-glass-border: rgba(6, 182, 212, 0.2);
  --color-neon-cyan: #06b6d4;
  --color-neon-violet: #8b5cf6;
  --color-neon-red: #f43f5e;
}

body {
  background-color: var(--color-bg-deep);
  background-image: 
    radial-gradient(circle at 15% 50%, rgba(6, 182, 212, 0.08), transparent 25%), 
    radial-gradient(circle at 85% 30%, rgba(139, 92, 246, 0.08), transparent 25%);
  color: #f8fafc;
  font-family: 'Inter', sans-serif;
}

/* Sci-Fi Fonts */
.font-sci {
  font-family: 'Orbitron', system-ui, -apple-system, "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
  letter-spacing: 0.05em;
}
.font-mono-sci {
  font-family: 'Share Tech Mono', system-ui, -apple-system, "Microsoft YaHei UI", "Microsoft YaHei", monospace;
  letter-spacing: 0.02em;
}

/* Glassmorphism Utilities */
.glass-panel {
  background: var(--color-glass);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--color-glass-border);
}

.glass-button {
  background: rgba(6, 182, 212, 0.1);
  border: 1px solid rgba(6, 182, 212, 0.3);
  color: #22d3ee;
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(6, 182, 212, 0.2);
  box-shadow: 0 0 15px rgba(6, 182, 212, 0.3);
  text-shadow: 0 0 5px rgba(34, 211, 238, 0.5);
}

.glass-input {
  background: rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(148, 163, 184, 0.2);
  color: white;
}
.glass-input:focus {
  border-color: var(--color-neon-cyan);
  box-shadow: 0 0 10px rgba(6, 182, 212, 0.2);
}

/* Text Glows */
.text-glow-cyan {
  text-shadow: 0 0 10px rgba(6, 182, 212, 0.5);
}
.text-glow-violet {
  text-shadow: 0 0 10px rgba(139, 92, 246, 0.5);
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #0f172a; 
}
::-webkit-scrollbar-thumb {
  background: #334155; 
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #475569; 
}