* {
      font-family: 'Inter', sans-serif;
    }
    
    /* Custom dark blue theme overrides */
    .bg-dark-blue {
      background-color: #9be4e6;
    }
    .bg-deep-blue {
      background-color: #2e89c2;
    }
    .bg-navy-dark {
      background-color: #0550b1;
    }
    
    /* Mobile menu slide animation */
    .mobile-nav {
      transition: transform 0.35s cubic-bezier(0.2, 0.9, 0.4, 1.1), opacity 0.3s ease;
      transform: translateX(100%);
      opacity: 0;
      visibility: hidden;
    }
    .mobile-nav.open {
      transform: translateX(0);
      opacity: 1;
      visibility: visible;
    }
    
    /* Overlay fade */
    .menu-overlay {
      transition: opacity 0.3s ease;
      opacity: 0;
      visibility: hidden;
      backdrop-filter: blur(4px);
    }
    .menu-overlay.active {
      opacity: 1;
      visibility: visible;
    }
    
    /* Card hover animations */
    .service-card {
      transition: all 0.3s ease-out;
    }
    .service-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 20px 30px -12px rgba(0, 0, 0, 0.35);
    }
    
    /* Button active effect */
    .action-btn {
      transition: all 0.2s;
    }
    .action-btn:active {
      transform: scale(0.97);
    }
    
    /* Live badge pulse */
    @keyframes softPulse {
      0% { box-shadow: 0 0 0 0 rgba(125, 211, 252, 0.6); }
      70% { box-shadow: 0 0 0 8px rgba(125, 211, 252, 0); }
      100% { box-shadow: 0 0 0 0 rgba(125, 211, 252, 0); }
    }
    .live-badge {
      animation: softPulse 1.8s infinite;
    }
    
    /* Custom scrollbar */
    ::-webkit-scrollbar {
      width: 6px;
    }
    ::-webkit-scrollbar-track {
      background: #1e2a3a;
      border-radius: 10px;
    }
    ::-webkit-scrollbar-thumb {
      background: #38bdf8;
      border-radius: 10px;
    }
    
    /* Glow effect for cards */
    .glow-on-hover:hover {
      box-shadow: 0 0 20px rgba(56, 189, 248, 0.3);
    }