:root {
  /* DARK Theme Harmonized Colors */
  --dc-bg: #0d1117;
  --dc-surface: #161b22;
  --dc-accent: #10b981;       /* Vibrant Emerald Green */
  --dc-accent-hover: #059669;
  --dc-ink: #f0f6fc;          /* Clean Off-White */
  --dc-ink-muted: #8b949e;    /* Muted Slate Grey */
  
  /* Layout Configurations */
  --dc-max-width: 1140px;
  --dc-radius: 16px;          /* Soft border radius style */
  
  /* Deep Shadows + Neon Bloom Spread */
  --dc-shadow: 0 20px 45px -15px rgba(0, 0, 0, 0.82), 0 0 15px rgba(16, 185, 129, 0.08);

  /* Font Families loaded dynamically */
  --dc-font-display: 'Montserrat', sans-serif;
  --dc-font-body: 'Poppins', sans-serif;
}

/* BASE RESETS & CUSTOM TYPOGRAPHY */
body {
  background-color: var(--dc-bg);
  color: var(--dc-ink);
  font-family: var(--dc-font-body);
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--dc-font-display);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  line-height: 1.25;
}

/* CONTAINER SHELL */
.dc-main-shell {
  max-width: var(--dc-max-width) !important;
  width: 100%;
}

/* PRESET A - SPLIT STICKY LAYOUT IMPLEMENTATION */
.dc-split-layout {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

@media (min-width: 1024px) {
  .dc-split-layout {
    flex-direction: row;
    gap: 4rem;
  }
}

/* Sticky media block representing 40% spacing */
.dc-media-pin {
  width: 100%;
  align-self: flex-start;
}

@media (min-width: 1024px) {
  .dc-media-pin {
    width: 40%;
    position: -webkit-sticky;
    position: sticky;
    top: 2rem;
  }
}

/* Content column representing 60% spacing */
.dc-details-flow {
  width: 100%;
}

@media (min-width: 1024px) {
  .dc-details-flow {
    width: 60%;
  }
}

/* CUSTOM NON-CONVENTIONAL GRID SYSTEM MASONRY */
.dc-proof-masonry {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
  margin-top: 2.5rem;
}

@media (min-width: 768px) {
  .dc-proof-masonry {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .dc-proof-masonry {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Micro interaction transitions */
.dc-action-anchor:hover {
  background-color: var(--dc-accent-hover) !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(16, 185, 129, 0.3);
}

.dc-proof-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.dc-proof-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.9);
}

.dc-perk-row {
  transition: transform 0.25s ease;
}

.dc-perk-row:hover {
  transform: translateX(4px);
}