body {
      background-color: #121210;
      color: #F7F6F2;
      font-family: 'Yekan Bakh', 'Vazirmatn', sans-serif;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
    }
    .material-symbols-outlined {
      font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
      display: inline-block;
      vertical-align: middle;
      line-height: 1;
    }
    .gold-glow-hover:hover {
      box-shadow: 0 0 24px rgba(254, 194, 0, 0.4), 0 4px 14px rgba(0, 0, 0, 0.6);
    }
    .gold-border-glow {
      box-shadow: 0 0 16px rgba(254, 194, 0, 0.15);
    }
    .grid-pattern {
      background-image: radial-gradient(rgba(254, 194, 0, 0.08) 1px, transparent 1px);
      background-size: 28px 28px;
    }
  

    body {
      font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      background-color: #131311;
      color: #F7F6F2;
      overflow-x: hidden;
    }
    
    .gold-radial-bg {
      background: radial-gradient(circle at 50% 0%, rgba(254, 194, 0, 0.08) 0%, rgba(19, 19, 17, 0) 70%);
    }

    .gold-glow-card {
      box-shadow: 0 8px 24px -4px rgba(0, 0, 0, 0.6), 0 2px 8px -2px rgba(254, 194, 0, 0.08);
    }

    .gold-glow-active {
      box-shadow: 0 0 20px rgba(254, 194, 0, 0.35), 0 4px 12px rgba(0, 0, 0, 0.5);
    }

    /* Subtle scrollbar */
    ::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    ::-webkit-scrollbar-track {
      background: #121210;
    }
    ::-webkit-scrollbar-thumb {
      background: #2A2926;
      border-radius: 9999px;
    }
    ::-webkit-scrollbar-thumb:hover {
      background: #fec200;
    }
  

    body {
      font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      background-color: #121210;
      color: #F7F6F2;
      overflow-x: hidden;
    }
    .material-symbols-outlined {
      font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
      display: inline-block;
      vertical-align: middle;
      line-height: 1;
    }
    .gold-glow-box {
      box-shadow: 0 0 24px rgba(254, 194, 0, 0.12), inset 0 1px 0 rgba(254, 194, 0, 0.2);
    }
    .gold-glow-button {
      box-shadow: 0 0 18px rgba(254, 194, 0, 0.35);
    }
    .custom-scroll::-webkit-scrollbar {
      height: 6px;
      width: 6px;
    }
    .custom-scroll::-webkit-scrollbar-track {
      background: #181816;
    }
    .custom-scroll::-webkit-scrollbar-thumb {
      background: #34332E;
      border-radius: 4px;
    }
    .custom-scroll::-webkit-scrollbar-thumb:hover {
      background: #fec200;
    }
  

    body {
      background-color: #121210;
      color: #F7F6F2;
      font-family: 'Vazirmatn', sans-serif;
    }
    .material-symbols-outlined {
      font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
      display: inline-block;
      vertical-align: middle;
      line-height: 1;
    }
    .gold-box-shadow {
      box-shadow: 0 0 25px -4px rgba(254, 194, 0, 0.15), 0 8px 30px rgba(0, 0, 0, 0.7);
    }
    .gold-text-glow {
      text-shadow: 0 0 12px rgba(254, 194, 0, 0.35);
    }
    html {
      scroll-behavior: smooth;
    }
    ::selection {
      background-color: #fec200;
      color: #121210;
    }
  

    body {
      font-family: 'Vazirmatn', 'Plus Jakarta Sans', sans-serif;
      background-color: #121210;
      color: #F7F6F2;
      overflow-x: hidden;
    }
    .font-mono-numbers {
      font-family: 'JetBrains Mono', monospace;
    }
    .custom-scrollbar::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    .custom-scrollbar::-webkit-scrollbar-track {
      background: #181816;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #353532;
      border-radius: 9999px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb:hover {
      background: #fec200;
    }
    .glow-gold {
      box-shadow: 0 0 20px rgba(254, 194, 0, 0.25);
    }
    .glow-border {
      border: 1px solid rgba(254, 194, 0, 0.18);
    }
  

    .material-symbols-outlined {
      font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
      display: inline-block;
      vertical-align: middle;
      line-height: 1;
    }
    .custom-scrollbar::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    .custom-scrollbar::-webkit-scrollbar-track {
      background: #181816;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #353532;
      border-radius: 9999px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb:hover {
      background: #fec200;
    }
  

    body {
      background-color: #121210;
      color: #F7F6F2;
      font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    }
    .custom-scroll::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    .custom-scroll::-webkit-scrollbar-track {
      background: #181816;
    }
    .custom-scroll::-webkit-scrollbar-thumb {
      background: #353532;
      border-radius: 4px;
    }
    .custom-scroll::-webkit-scrollbar-thumb:hover {
      background: #fec200;
    }
  

    .material-symbols-outlined {
      font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
      display: inline-block;
      vertical-align: middle;
      line-height: 1;
    }
    .gold-box-glow {
      box-shadow: 0 0 20px rgba(254, 194, 0, 0.15), 0 4px 12px rgba(0, 0, 0, 0.5);
    }
    .custom-scrollbar::-webkit-scrollbar {
      width: 5px;
    }
    .custom-scrollbar::-webkit-scrollbar-track {
      background: #181816;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #4f4632;
      border-radius: 4px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb:hover {
      background: #fec200;
    }