:root {
  --bb-neon-cyan: #00f0ff;
  --bb-neon-purple: #7000ff;
  --bb-dark-card: #12141c;
  --bb-dark-bg: #0a0b0e;
  --bg-danger: #842029;
}

body {
  font-family: 'Rajdhani', sans-serif;
  background-color: var(--bb-dark-bg);
  color: #e0e6ed;
  font-size: 1.1rem;
}

h1, h2, h3, h4, h5, .navbar-brand, .font-orbitron {
  font-family: 'Orbitron', sans-serif;
  letter-spacing: 1px;
}

/* Glow Effects */
.text-glow-cyan {
  text-shadow: 0 0 10px rgba(0, 240, 255, 0.6);
}

.glow-border {
  border: 1px solid rgba(0, 240, 255, 0.2);
  transition: all 0.3s ease;
}
.glow-border:hover {
  border-color: var(--bb-neon-cyan);
  box-shadow: 0 0 20px rgba(0, 240, 255, 0.3);
  transform: translateY(-5px);
}
input[type="text"]{padding: 15px; border-color: var(--bb-dark-bg);border-radius: 0 !important}
input[type="text"]:focus{border-color: var(--bb-neon-cyan)}
/* Navigation */
.navbar {
  background: rgba(10, 11, 14, 0.85);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.nav-link {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: color 0.2s;
}

.nav-link:hover, .nav-link.active {
  color: var(--bb-neon-cyan) !important;
}

/* Custom Buttons */
.btn-neon {
  background: linear-gradient(135deg, var(--bb-neon-cyan), var(--bb-neon-purple));
  color: #fff;
  font-family: 'Orbitron', sans-serif;
  font-weight: 700;
  border: none;
  padding: 0.75rem 1.75rem;
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
  transition: all 0.3s ease;
}

.btn-neon:hover, .btn-neon.active {
  color: #fff;
  opacity: 0.9;
  box-shadow: 0 0 25px rgba(112, 0, 255, 0.6);
  transform: scale(1.02);
}

.btn-neon-outline {
  background: transparent;
  color: var(--bb-neon-cyan);
  border: 1px solid var(--bb-neon-cyan);
  font-family: 'Orbitron', sans-serif;
  font-weight: 700;
  padding: 0.75rem 1.75rem;
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
  transition: all 0.3s ease;
}

.btn-neon-outline:hover, .btn-neon-outline.active {
  background: var(--bb-neon-cyan);
  color: #000;
  box-shadow: 0 0 20px rgba(0, 240, 255, 0.5);
}

.btn-dager-outline {
  background: transparent;
  color: var(--bs-danger);
  border: 1px solid var(--bs-danger);
  font-family: 'Orbitron', sans-serif;
  font-weight: 700;
  padding: 0.75rem 1.75rem;
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
  transition: all 0.3s ease;
}

.btn-dager-outline:hover, .btn-dager-outline.active {
  background: var(--bs-danger);
  color: #ffffff;
  box-shadow: 0 0 20px var(--bs-danger);
}

/* Hero Section */
.hero-section {
  padding: 140px 0 80px;
  background: radial-gradient(circle at 50% 20%, rgba(112, 0, 255, 0.15) 0%, rgba(10, 11, 14, 1) 70%);
}

/* Cards */
.bg-dark-card {
  background-color: var(--bb-dark-card);
}

/* Badge */
.badge-cyber {
  background: rgba(0, 240, 255, 0.1);
  color: var(--bb-neon-cyan);
  border: 1px solid rgba(0, 240, 255, 0.3);
  font-family: 'Orbitron', sans-serif;
}
.badge-red {
  background: red;
  color: #fff;
  border: 1px solid rgba(0, 240, 255, 0.3);
  font-family: 'Orbitron', sans-serif;
}