body {
      font-family: 'Inter', sans-serif;
      background-color: #090D16;
      color: #F8FAFC;
      overflow-x: hidden;
    }
    .glass-card {
      background: rgba(17, 24, 39, 0.72);
      backdrop-filter: blur(16px);
      border: 1px solid rgba(255, 255, 255, 0.08);
    }
    .glass-nav {
      background: rgba(9, 13, 22, 0.88);
      backdrop-filter: blur(16px);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }
    .gradient-text {
      background: linear-gradient(135deg, #38BDF8 0%, #818CF8 50%, #C084FC 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .gradient-btn {
      background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 50%, #0EA5E9 100%);
      background-size: 200% 200%;
      transition: all 0.25s ease;
    }
    .gradient-btn:hover {
      filter: brightness(1.12);
      transform: translateY(-1px);
      box-shadow: 0 10px 25px -5px rgba(99, 102, 241, 0.55);
    }
    .glow-blob {
      position: absolute;
      border-radius: 9999px;
      filter: blur(90px);
      opacity: 0.22;
      pointer-events: none;
      z-index: 0;
    }
    input[type="range"] {
      accent-color: #38BDF8;
    }
  
    section[id], #contact { scroll-margin-top: 88px; }
    #liveChatPanel { max-width: calc(100vw - 2.5rem); }
    #liveChatInput { min-width: 0; }
    [role="dialog"] > div { max-height: 90dvh; overflow-y: auto; }
    :focus-visible { outline: 2px solid #38BDF8; outline-offset: 4px; }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto !important; }
      *, *::before, *::after { animation: none !important; transition: none !important; }
    }