body {
      background-color: #0B0F19;
      color: #E2E8F0;
      font-family: 'Inter', sans-serif;
      overflow-x: hidden;
    }

    h1, h2, h3, h4, h5, h6 {
      font-family: 'Poppins', sans-serif;
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #0B0F19;
    }
    ::-webkit-scrollbar-thumb {
      background: #1E293B;
      border-radius: 9999px;
    }
    ::-webkit-scrollbar-thumb:hover {
      background: #6366F1;
    }

    /* Glassmorphism Styling */
    .glass-panel {
      background: rgba(17, 24, 39, 0.65);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border: 1px solid rgba(255, 255, 255, 0.07);
    }
    
    .glass-card {
      background: rgba(15, 23, 42, 0.75);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border: 1px solid rgba(255, 255, 255, 0.08);
      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .glass-card:hover {
      border-color: rgba(99, 102, 241, 0.4);
      transform: translateY(-6px);
      box-shadow: 0 12px 30px -10px rgba(99, 102, 241, 0.25);
    }

    /* Ambient Glow Effects */
    .glow-indigo {
      box-shadow: 0 0 50px -10px rgba(99, 102, 241, 0.35);
    }
    .glow-cyan {
      box-shadow: 0 0 50px -10px rgba(56, 189, 248, 0.35);
    }

    /* Slider Smooth Motion */
    .slider-track {
      transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1);
    }

    /* Modal Animation */
    .modal-backdrop {
      transition: opacity 0.3s ease;
    }
    .modal-content {
      transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease;
    }