/* Premium Scrollbar */
    ::-webkit-scrollbar {
      width: 10px;
    }

    ::-webkit-scrollbar-track {
      background: #050505;
    }

    ::-webkit-scrollbar-thumb {
      background: #334155;
      border-radius: 5px;
      border: 2px solid #050505;
    }

    ::-webkit-scrollbar-thumb:hover {
      background: #475569;
    }

    /* Subtle Tech Grid */
    .bg-grid-subtle {
      background-size: 60px 60px;
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
      mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
    }

    .glass-nav {
      background: rgba(5, 5, 5, 0.85);
      backdrop-filter: blur(16px);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    /* Premium Inputs */
    .input-premium {
      background: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(255, 255, 255, 0.1);
      color: #fff;
      font-family: 'Inter', sans-serif;
      transition: all 0.3s ease;
    }

    .input-premium:focus {
      border-color: #6366f1;
      background: rgba(255, 255, 255, 0.05);
      outline: none;
      box-shadow: 0 0 0 1px #6366f1;
    }

    /* FIX: Ensure dropdown options are readable */
    select.input-premium option {
      background-color: #0f172a; /* Match slate-850 */
      color: #fff;
    }

    .marquee-mask {
      mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    }

    .page-section {
      transition: opacity 0.4s ease-in-out;
    }

    .page-section.hidden {
      display: none;
      opacity: 0;
    }