* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
  }

  body {
    font-family: 'Outfit', sans-serif;
    background: #14181C;
    color: #E3E6E8;
  }

  .font-mono-tech {
    font-family: 'JetBrains Mono', monospace;
  }

  .glass-nexus {
    background: rgba(30, 36, 42, 0.5);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(180, 150, 100, 0.12);
  }

  .glass-nexus-dark {
    background: rgba(16, 20, 24, 0.85);
    backdrop-filter: blur(18px);
    border: 1px solid rgba(180, 150, 100, 0.06);
  }

  .copper-line {
    width: 60px;
    height: 2px;
    background: linear-gradient(90deg, #B8945C, rgba(184, 148, 92, 0.2));
    border-radius: 2px;
  }

  .copper-line-full {
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(184, 148, 92, 0.3), transparent);
  }

  .card-article {
    background: rgba(26, 32, 38, 0.4);
    border: 1px solid rgba(180, 150, 100, 0.06);
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  }

  .card-article:hover {
    border-color: rgba(180, 150, 100, 0.25);
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4);
    transform: translateY(-2px);
  }

  .badge-glow {
    box-shadow: 0 0 20px rgba(184, 148, 92, 0.15);
  }

  ::-webkit-scrollbar {
    width: 5px;
  }

  ::-webkit-scrollbar-track {
    background: #14181C;
  }

  ::-webkit-scrollbar-thumb {
    background: #B8945C;
    border-radius: 4px;
  }

  #navbar-nexus {
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .nav-scrolled-nexus {
    background: rgba(20, 24, 28, 0.92);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(180, 150, 100, 0.12);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
  }

  .blockquote-copper {
    border-left: 3px solid #B8945C;
    background: rgba(184, 148, 92, 0.04);
    border-radius: 0 6px 6px 0;
    padding: 1.5rem 2rem;
  }

  .list-styled li {
    position: relative;
    padding-left: 1.75rem;
    margin-bottom: 0.6rem;
  }

  .list-styled li::before {
    content: '▸';
    position: absolute;
    left: 0;
    color: #B8945C;
    font-weight: 600;
  }

  .img-hover-zoom {
    transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .img-hover-zoom:hover {
    transform: scale(1.03);
  }

  .shadow-enhanced {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
  }

  .icon-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: rgba(184, 148, 92, 0.1);
    color: #B8945C;
    font-size: 1.1rem;
    flex-shrink: 0;
  }

  /* Accent: Emerald */
  .accent-emerald {
    color: #5FB8A0;
  }
  .border-emerald-subtle {
    border-color: rgba(95, 184, 160, 0.2);
  }
  .bg-emerald-subtle {
    background: rgba(95, 184, 160, 0.06);
  }

  /* Accent: Purple */
  .accent-purple {
    color: #A78BFA;
  }
  .border-purple-subtle {
    border-color: rgba(167, 139, 250, 0.2);
  }
  .bg-purple-subtle {
    background: rgba(167, 139, 250, 0.06);
  }

  /* Accent: Blue */
  .accent-blue {
    color: #60A5FA;
  }
  .border-blue-subtle {
    border-color: rgba(96, 165, 250, 0.2);
  }
  .bg-blue-subtle {
    background: rgba(96, 165, 250, 0.06);
  }

  /* Accent: Amber */
  .accent-amber {
    color: #D4A373;
  }
  .border-amber-subtle {
    border-color: rgba(212, 163, 115, 0.2);
  }
  .bg-amber-subtle {
    background: rgba(212, 163, 115, 0.06);
  }