/* custom.css - AI Theme */

body {
  background-image: radial-gradient(circle at 15% 50%, rgba(124, 58, 237, 0.08), transparent 25%), 
                    radial-gradient(circle at 85% 30%, rgba(0, 245, 212, 0.06), transparent 25%);
  background-attachment: fixed;
}

/* Glassmorphism Classes */
.glass-panel {
  background: rgba(15, 23, 42, 0.6) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.text-gradient {
  background: linear-gradient(135deg, #7C3AED, #00F5D4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Enhanced Cards */
.card {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -2px rgba(0, 0, 0, 0.5);
}
.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.5);
  border-color: rgba(124, 58, 237, 0.4);
}

/* Neon Glows */
.glow-primary {
  box-shadow: 0 0 15px rgba(124, 58, 237, 0.4);
}
.glow-secondary {
  box-shadow: 0 0 15px rgba(0, 245, 212, 0.4);
}

/* Buttons */
.btn {
  font-weight: 500;
  letter-spacing: 0.02em;
}
.btn-primary {
  background: linear-gradient(135deg, #7C3AED, #6366F1);
  border: none;
  color: #fff;
}
.btn-primary:hover {
  background: linear-gradient(135deg, #6D28D9, #4F46E5);
  box-shadow: 0 0 15px rgba(124, 58, 237, 0.6);
}
.btn-secondary {
  background: linear-gradient(135deg, #06B6D4, #00F5D4);
  border: none;
  color: #000;
}
.btn-secondary:hover {
  background: linear-gradient(135deg, #0891B2, #00CCB1);
  box-shadow: 0 0 15px rgba(0, 245, 212, 0.6);
}

/* Inputs */
.form-control, .form-select {
  background-color: rgba(30, 41, 59, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
  color: #F8FAFC;
}
.form-control:focus, .form-select:focus {
  background-color: rgba(30, 41, 59, 0.8);
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 0.25rem rgba(124, 58, 237, 0.25);
  color: #ffffff;
}

/* Code block simulation */
.code-block {
  font-family: 'JetBrains Mono', 'Fira Code', monospace;
  font-size: 0.85rem;
  background: #0B1121;
  padding: 1rem;
  border-radius: var(--bs-border-radius);
  border: 1px solid rgba(255,255,255,0.05);
  color: #A5B4FC;
}