body {
  font-family: 'Fira Mono', 'Consolas', 'Segoe UI', 'Roboto','Arial', sans-serif;
  background: #181c24;
  color: #e0e6ed;
}
.navbar, .footer {
  background: #23283a !important;
}
.navbar-brand {
  font-weight: bold;
  letter-spacing: 1px;
  color: #00e0ff !important;
  font-family: 'Fira Mono', monospace;
}
.nav-link {
  color: #e0e6ed !important;
}
.nav-link.active, .nav-link:focus, .nav-link:hover {
  color: #00e0ff !important;
}
.btn-primary {
  background: linear-gradient(90deg, #00e0ff 0%, #3a7afe 100%);
  border: none;
}
.btn-primary:hover {
  background: linear-gradient(90deg, #3a7afe 0%, #00e0ff 100%);
}
.card {
  background: #23283a;
  border: 1px solid #2c3142;
  color: #e0e6ed;
}
.card-title {
  color: #00e0ff;
  font-family: 'Fira Mono', monospace;
}
.code-block {
  background: #181c24;
  color: #00ffae;
  font-family: 'Fira Mono', monospace;
  padding: 12px 16px;
  border-radius: 6px;
  font-size: 0.95rem;
  margin-top: 10px;
  margin-bottom: 10px;
  overflow-x: auto;
}
footer {
  background: #23283a !important;
  color: #e0e6ed;
  font-size: 1rem;
}
.section-title {
  font-family: 'Fira Mono', monospace;
  color: #00e0ff;
  letter-spacing: 1px;
}
::-webkit-scrollbar {
  background: #23283a;
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background: #00e0ff;
  border-radius: 4px;
}

/* İkon animasiyaları */
.icon-animated {
  transition: all 0.3s ease;
  display: inline-block;
}

/* Hover animasiyaları */
.icon-animated:hover {
  transform: scale(1.2) rotate(5deg);
  color: #00ffae !important;
  text-shadow: 0 0 10px #00ffae;
}

/* Daimi animasiyalar */
.icon-pulse {
  animation: pulse 2s infinite;
}

.icon-rotate {
  animation: rotate 3s linear infinite;
}

.icon-bounce {
  animation: bounce 2s ease-in-out infinite;
}

.icon-glow {
  animation: glow 2s ease-in-out infinite alternate;
}

.icon-float {
  animation: float 3s ease-in-out infinite;
}

/* Animasiya keyframes */
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

@keyframes rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
  40% { transform: translateY(-10px); }
  60% { transform: translateY(-5px); }
}

@keyframes glow {
  from { text-shadow: 0 0 5px #00e0ff, 0 0 10px #00e0ff, 0 0 15px #00e0ff; }
  to { text-shadow: 0 0 10px #00ffae, 0 0 20px #00ffae, 0 0 30px #00ffae; }
}

@keyframes float {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}

/* Kart hover effekti */
.card:hover .icon-animated {
  transform: scale(1.3) rotate(10deg);
  color: #00ffae !important;
  text-shadow: 0 0 15px #00ffae;
}

/* Navbar brand animasiyası */
.navbar-brand i {
  animation: glow 3s ease-in-out infinite alternate;
}

/* Header ikonları */
header .icon-animated {
  animation: float 4s ease-in-out infinite;
}

/* Xidmətlər kartlarındakı ikonlar */
.card-body .icon-animated {
  animation: pulse 3s ease-in-out infinite;
}

/* Layihələr kartlarındakı ikonlar */
.card-body .icon-animated {
  animation: bounce 2.5s ease-in-out infinite;
}