.bc-cdn-page { color: #f4fbff; }
.bc-cdn-hero, .bc-cdn-panel, .bc-cdn-card {
  border: 1px solid rgba(0, 230, 255, 0.8);
  background: linear-gradient(135deg, rgba(2, 15, 18, 0.72), rgba(0, 80, 70, 0.28)), url('/img/rock-texture.jpg');
  background-size: cover;
  border-radius: 14px;
  box-shadow: 0 0 18px rgba(0, 230, 255, 0.20), inset 0 0 30px rgba(0,0,0,0.45);
}
.bc-cdn-hero { padding: 1.35rem; display: flex; gap: 1rem; align-items: center; justify-content: space-between; }
.bc-cdn-hero h1 { margin: 0; font-weight: 800; }
.bc-cdn-card { padding: 1rem; min-height: 112px; display:flex; flex-direction:column; justify-content:space-between; }
.bc-cdn-card span { opacity: 0.82; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.04em; }
.bc-cdn-card strong { font-size: 1.15rem; overflow-wrap:anywhere; }
.bc-cdn-panel { padding: 1.25rem; }
.bc-cdn-panel h2 { font-size: 1.3rem; margin-bottom: 0.8rem; }
.bc-cdn-page .form-control, .bc-cdn-page .table { border-color: rgba(0, 230, 255, 0.55); }
@media (max-width: 768px) { .bc-cdn-hero { align-items: stretch; flex-direction: column; } }