@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

:root {
  --dn-ink: #1f2328;
  --dn-ink-soft: #48505a;
  --dn-teal: #0b6e6b;
  --dn-teal-dark: #064b49;
  --dn-coral: #f25c54;
  --dn-amber: #f6bd60;
  --dn-mint: #9be7c4;
  --dn-sky: #cfe8f5;
  --dn-cream: #fff7e8;
  --dn-sand: #f4efe6;
  --dn-shadow: 0 20px 45px rgba(15, 23, 42, 0.12);
  --bs-primary: #0b6e6b;
  --bs-primary-rgb: 11, 110, 107;
  --bs-secondary: #f25c54;
  --bs-secondary-rgb: 242, 92, 84;
  --bs-body-color: #1f2328;
  --bs-body-bg: #fffaf3;
  --bs-border-color: #e3d8c5;
}

* {
  box-sizing: border-box;
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  color: var(--dn-ink);
  background: radial-gradient(circle at 15% 10%, rgba(155, 231, 196, 0.35), transparent 45%),
    radial-gradient(circle at 85% 15%, rgba(207, 232, 245, 0.5), transparent 40%),
    linear-gradient(180deg, var(--dn-cream) 0%, #ffffff 55%, var(--dn-sand) 100%);
}

h1,
h2,
h3,
.display-4,
.display-5 {
  font-family: 'Fraunces', serif;
  letter-spacing: -0.02em;
}

.navbar-brand {
  font-weight: 700;
}

.brand-badge {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--dn-teal), var(--dn-coral));
  display: grid;
  place-items: center;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
}

.hero-panel {
  background: linear-gradient(140deg, rgba(11, 110, 107, 0.15), rgba(242, 92, 84, 0.12)),
    rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(11, 110, 107, 0.15);
  border-radius: 32px;
  padding: clamp(2rem, 5vw, 3.5rem);
  box-shadow: var(--dn-shadow);
  position: relative;
  overflow: hidden;
}

.hero-panel::after {
  content: '';
  position: absolute;
  right: -80px;
  top: -80px;
  width: 240px;
  height: 240px;
  background: radial-gradient(circle, rgba(246, 189, 96, 0.5), transparent 70%);
}

.pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--dn-teal-dark);
  background: rgba(11, 110, 107, 0.12);
}

.section-title {
  font-size: clamp(1.6rem, 2.5vw, 2.3rem);
  margin-bottom: 0.4rem;
}

.text-muted-strong {
  color: var(--dn-ink-soft) !important;
}

.stat-card {
  background: #fff;
  border-radius: 20px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  padding: 18px;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08);
}

.card-glow {
  box-shadow: 0 18px 36px rgba(31, 35, 40, 0.12);
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 20px;
}

.card-glow .card-body {
  padding: 1.4rem;
}

.section-wrap {
  padding: 4rem 0;
}

.accent-bg {
  background: linear-gradient(135deg, rgba(155, 231, 196, 0.4), rgba(207, 232, 245, 0.5));
  border-radius: 24px;
  padding: 28px;
  border: 1px solid rgba(11, 110, 107, 0.18);
}

.pilot-photo,
.model-photo {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 18px;
}

.list-group-item {
  border-radius: 16px;
  margin-bottom: 12px;
  border: 1px solid rgba(15, 23, 42, 0.08);
}

.list-group-item:last-child {
  margin-bottom: 0;
}

.pagination .btn.active,
.pagination .btn:focus {
  background: var(--dn-teal);
  color: #fff;
}

.footer {
  background: rgba(255, 255, 255, 0.85);
  border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.footer a {
  color: var(--dn-ink-soft);
  text-decoration: none;
}

.footer a:hover {
  color: var(--dn-teal);
}

.social-chip {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(11, 110, 107, 0.08);
  color: var(--dn-teal-dark);
}

.video-card {
  border-radius: 20px;
  border: 1px solid rgba(15, 23, 42, 0.1);
}

.shop-card img {
  border-radius: 16px;
}

@media (max-width: 991px) {
  .hero-panel {
    padding: 2rem;
  }
}