/* =========================================================
   Power Core About page — dark aero overrides
   Load AFTER the page's inline stylesheet.
   ========================================================= */

html[data-theme="dark"] {
  --bg0: #071321;
  --bg1: #040a12;
  --ink: #eef7ff;
  --muted: #a9bdd4;
  --glass: rgba(11, 29, 50, 0.78);
  --glass-strong: rgba(14, 34, 57, 0.88);
  --glass-border: rgba(148, 205, 255, 0.17);
  --shadow:
    0 28px 68px rgba(0, 4, 14, 0.56),
    inset 0 1px 0 rgba(220, 243, 255, 0.10);
  --shadow-soft:
    0 18px 44px rgba(0, 5, 15, 0.40),
    inset 0 1px 0 rgba(220, 243, 255, 0.08);
}

/* ===== Page background ===== */

html[data-theme="dark"] body.about-page {
  color: var(--ink);
  background:
    radial-gradient(circle at 8% 7%, rgba(52, 113, 225, 0.22), transparent 24%),
    radial-gradient(circle at 90% 8%, rgba(12, 187, 218, 0.17), transparent 22%),
    radial-gradient(circle at 48% 62%, rgba(92, 76, 191, 0.10), transparent 31%),
    radial-gradient(circle at 22% 86%, rgba(17, 170, 145, 0.07), transparent 27%),
    linear-gradient(180deg, #091827 0%, #071321 44%, #040a12 100%);
  background-attachment: fixed;
}

html[data-theme="dark"] body.about-page::before {
  opacity: 0.035;
  mix-blend-mode: screen;
}

/* ===== Typography ===== */

html[data-theme="dark"] .about-page h1,
html[data-theme="dark"] .about-page h2,
html[data-theme="dark"] .about-page h3 {
  color: #eef7ff;
}

html[data-theme="dark"] .about-page p,
html[data-theme="dark"] .about-page .bullets li,
html[data-theme="dark"] .about-page .stat-label,
html[data-theme="dark"] .about-page .sec-head p {
  color: #a9bdd4;
}

html[data-theme="dark"] .about-page .bullets li::before {
  box-shadow: 0 0 14px rgba(31, 195, 221, 0.22);
}

/* ===== Hero ===== */

html[data-theme="dark"] .about-page .hero-copy h1 {
  color: #f1f8ff;
  text-shadow: 0 10px 30px rgba(0, 5, 16, 0.42);
}

html[data-theme="dark"] .about-page .hero-copy p {
  color: #afc2d8;
}

html[data-theme="dark"] .about-page .hero-img img {
  filter:
    brightness(0.86)
    saturate(1.05)
    contrast(1.08)
    drop-shadow(0 34px 64px rgba(0, 0, 0, 0.58));
}

html[data-theme="dark"] .about-page .hero-badges .pill-soft {
  color: #b9cce0;
  border-color: rgba(149, 206, 255, 0.16);
  background:
    radial-gradient(circle at 18% 0%, rgba(183, 224, 255, 0.07), transparent 35%),
    linear-gradient(180deg, rgba(30, 56, 87, 0.88), rgba(11, 28, 49, 0.84));
  box-shadow:
    0 10px 24px rgba(0, 5, 15, 0.30),
    inset 0 1px 0 rgba(220, 243, 255, 0.09);
}

html[data-theme="dark"] .about-page .hero-badges .pill-soft.highlight {
  color: #b9d8ff;
  border-color: rgba(80, 155, 255, 0.33);
  background:
    linear-gradient(180deg, rgba(34, 83, 151, 0.40), rgba(12, 39, 71, 0.70));
}

/* ===== Hero action pills ===== */

html[data-theme="dark"] .about-page .hero-actions .pill {
  color: #c4d5e8;
  border-color: rgba(149, 206, 255, 0.16);
  background:
    radial-gradient(circle at 18% 0%, rgba(183, 224, 255, 0.06), transparent 35%),
    linear-gradient(180deg, rgba(28, 53, 84, 0.86), rgba(10, 28, 49, 0.82));
  box-shadow:
    0 11px 26px rgba(0, 5, 15, 0.30),
    inset 0 1px 0 rgba(220, 243, 255, 0.08);
}

html[data-theme="dark"] .about-page .btn {
  border-color: rgba(128, 216, 255, 0.22);
  box-shadow:
    0 18px 38px rgba(13, 112, 217, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    inset 0 -8px 18px rgba(8, 18, 38, 0.15);
}

/* ===== Main glass cards ===== */

html[data-theme="dark"] .about-page .glass,
html[data-theme="dark"] .about-page .feature-card,
html[data-theme="dark"] .about-page .stat-card,
html[data-theme="dark"] .about-page .img-card,
html[data-theme="dark"] .about-page .info-box {
  border-color: rgba(149, 206, 255, 0.16);
  background:
    radial-gradient(circle at 12% 0%, rgba(187, 226, 255, 0.075), transparent 31%),
    radial-gradient(circle at 92% 4%, rgba(37, 203, 232, 0.055), transparent 31%),
    linear-gradient(
      155deg,
      rgba(23, 47, 76, 0.90),
      rgba(8, 24, 43, 0.86) 52%,
      rgba(5, 17, 32, 0.89)
    );
  box-shadow:
    0 28px 68px rgba(0, 4, 14, 0.56),
    0 10px 30px rgba(19, 137, 195, 0.07),
    inset 0 1px 0 rgba(220, 243, 255, 0.10),
    inset 0 -1px 0 rgba(0, 0, 0, 0.24);
}

html[data-theme="dark"] .about-page .glass::before,
html[data-theme="dark"] .about-page .feature-card::before,
html[data-theme="dark"] .about-page .stat-card::before,
html[data-theme="dark"] .about-page .img-card::before {
  background:
    linear-gradient(
      180deg,
      rgba(205, 236, 255, 0.11),
      rgba(149, 212, 255, 0.025) 38%,
      transparent 72%
    );
}

html[data-theme="dark"] .about-page .glass:hover,
html[data-theme="dark"] .about-page .feature-card:hover,
html[data-theme="dark"] .about-page .stat-card:hover,
html[data-theme="dark"] .about-page .img-card:hover {
  border-color: rgba(99, 179, 255, 0.31);
  box-shadow:
    0 36px 82px rgba(0, 3, 12, 0.66),
    0 0 26px rgba(28, 157, 225, 0.07),
    inset 0 1px 0 rgba(223, 245, 255, 0.13);
}

/* ===== Featured EU-production block ===== */

html[data-theme="dark"] .about-page .eu-update {
  background:
    radial-gradient(circle at 11% 0%, rgba(76, 147, 255, 0.11), transparent 32%),
    radial-gradient(circle at 92% 4%, rgba(28, 211, 190, 0.07), transparent 30%),
    linear-gradient(155deg, rgba(24, 50, 81, 0.92), rgba(7, 25, 44, 0.88));
}

html[data-theme="dark"] .about-page .eu-icon {
  box-shadow:
    0 12px 28px rgba(28, 117, 230, 0.30),
    inset 0 1px 0 rgba(255, 255, 255, 0.26);
}

/* ===== Stats ===== */

html[data-theme="dark"] .about-page .stat-card,
html[data-theme="dark"] .about-page .stats-grid .stat-card:nth-child(1),
html[data-theme="dark"] .about-page .stats-grid .stat-card:nth-child(2),
html[data-theme="dark"] .about-page .stats-grid .stat-card:nth-child(3),
html[data-theme="dark"] .about-page .stats-grid .stat-card:nth-child(4) {
  border-color: rgba(149, 206, 255, 0.16);
  background:
    radial-gradient(circle at 18% 12%, rgba(194, 230, 255, 0.08), transparent 34%),
    radial-gradient(circle at 88% 0%, rgba(66, 164, 245, 0.08), transparent 28%),
    linear-gradient(180deg, rgba(23, 48, 78, 0.90), rgba(8, 24, 43, 0.86));
  box-shadow:
    0 20px 48px rgba(0, 5, 15, 0.43),
    inset 0 1px 0 rgba(220, 243, 255, 0.10),
    inset 0 -1px 0 rgba(0, 0, 0, 0.20);
}

html[data-theme="dark"] .about-page .stat-card::after {
  background:
    radial-gradient(circle, rgba(190, 228, 255, 0.09), transparent 70%);
  opacity: 0.72;
}

html[data-theme="dark"] .about-page .stat-label {
  color: #a8bdd4;
}

/* ===== Gallery images ===== */

html[data-theme="dark"] .about-page .img-card {
  background: rgba(7, 21, 38, 0.78);
}

html[data-theme="dark"] .about-page .img-card img {
  filter: brightness(0.83) saturate(0.98) contrast(1.09);
  transition:
    transform 0.30s var(--ease),
    filter 0.30s var(--ease);
}

html[data-theme="dark"] .about-page .img-card:hover img {
  filter: brightness(0.92) saturate(1.07) contrast(1.10);
  transform: scale(1.018);
}

/* ===== Partner logos ===== */

html[data-theme="dark"] .about-page .partners img {
  opacity: 0.74;
  filter: grayscale(100%) brightness(1.72) contrast(0.82);
}

/* ===== Lightbox ===== */

html[data-theme="dark"] .about-page .lightbox {
  background: rgba(1, 7, 15, 0.84);
}

html[data-theme="dark"] .about-page .lightbox img {
  background: #e8f0f8;
  box-shadow:
    0 42px 120px rgba(0, 2, 8, 0.78),
    0 0 0 1px rgba(198, 228, 249, 0.16);
}

/* ===== Shared footer ===== */

html[data-theme="dark"] body.about-page footer,
html[data-theme="dark"] body.about-page .site-footer {
  color: #b4c8de;
  border-top-color: rgba(143, 199, 247, 0.13) !important;
  background:
    linear-gradient(180deg, rgba(10, 25, 43, 0.96), rgba(5, 15, 28, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(219, 242, 255, 0.06),
    0 -18px 42px rgba(0, 4, 13, 0.24);
}

/* #site-footer is a loader wrapper, not a visual footer. */
html[data-theme="dark"] body.about-page #site-footer {
  margin: 0;
  padding: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ===== Smooth theme response without breaking hover transforms ===== */

.about-page .hero-badges .pill-soft,
.about-page .hero-actions .pill,
.about-page .glass,
.about-page .feature-card,
.about-page .stat-card,
.about-page .img-card,
.about-page .info-box,
.about-page footer,
.about-page .site-footer {
  transition:
    color 0.28s var(--ease),
    background 0.28s var(--ease),
    border-color 0.28s var(--ease),
    box-shadow 0.28s var(--ease),
    filter 0.32s var(--ease);
}

.about-page .glass,
.about-page .feature-card,
.about-page .stat-card,
.about-page .img-card {
  transition:
    transform 0.28s var(--ease),
    box-shadow 0.28s var(--ease),
    border-color 0.28s var(--ease),
    background 0.28s var(--ease),
    color 0.28s var(--ease),
    filter 0.32s var(--ease);
}

@media (max-width: 640px) {
  html[data-theme="dark"] body.about-page {
    background-attachment: scroll;
  }
}

@media (prefers-reduced-motion: reduce) {
  .about-page .hero-badges .pill-soft,
  .about-page .hero-actions .pill,
  .about-page .glass,
  .about-page .feature-card,
  .about-page .stat-card,
  .about-page .img-card,
  .about-page .info-box,
  .about-page footer,
  .about-page .site-footer {
    transition: none !important;
  }
}