﻿      font-family: 'Inter', sans-serif;
      background: var(--bg-dark);
      color: var(--text-primary);
      min-height: 100vh;
      overflow-x: hidden;
    }

    /* ═══════════════════════════════════════
   SHARED BACKGROUND
══════════════════════════════════════════ */
    .bg-image {
      position: fixed;
      inset: 0;
      z-index: 0;
      background-image: url('OFFICE_BG.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      opacity: 1;
      filter: none;
    }

    .bg-overlay {
      position: fixed;
      inset: 0;
      z-index: 1;
      background: radial-gradient(circle,
          rgba(255, 255, 255, 0) 0%,
          rgba(15, 23, 42, 0.4) 50%,
          rgba(15, 23, 42, 0.85) 100%),
        linear-gradient(135deg, rgba(148, 163, 184, 0.05) 0%, transparent 100%);
      pointer-events: none;
    }

    .grid-pattern {
      position: fixed;
      inset: 0;
      z-index: 1;
      background-image:
        linear-gradient(rgba(0, 212, 255, 0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 212, 255, 0.02) 1px, transparent 1px);
      background-size: 50px 50px;
      pointer-events: none;
    }

    /* ═══════════════════════════════════════
   PARTICLES CANVAS
══════════════════════════════════════════ */
    #particleCanvas {
      position: fixed;
      inset: 0;
      z-index: 2;
      pointer-events: none;
    }

    /* ── LIGHT MODE BASE OVERRIDES ── */
    body.light-mode .bg-image { 
      filter: blur(1.5px) saturate(100%); 
      opacity: 1; 
      display: block !important;
    }
    body.light-mode .bg-overlay { 
      background: radial-gradient(circle at center, rgba(255, 255, 255, 0.05) 0%, rgba(240, 249, 255, 0.1) 100%) !important; 
      backdrop-filter: blur(3px) saturate(110%) !important;
      opacity: 1 !important;
    }
    body.light-mode .grid-pattern {
      background-image:
        linear-gradient(rgba(15, 23, 42, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, 0.04) 1px, transparent 1px);
    }
