body {
        font-family: 'Manrope', sans-serif;
        background-color: #101418;
        color: #e0e2e8;
        scroll-behavior: smooth;
      }
      .material-symbols-outlined {
        font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
      }
      .glass-panel {
        background: rgba(16, 20, 24, 0.4);
        backdrop-filter: blur(24px);
        -webkit-backdrop-filter: blur(24px);
      }
      .magnetic-button {
        transition: transform 0.3s cubic-bezier(0.33, 1, 0.68, 1);
      }
      .magnetic-button:hover {
        transform: translateY(-4px);
      }
      .signature-gradient {
        background: linear-gradient(135deg, #a8e8ff 0%, #00d4ff 100%);
      }
      .ghost-border {
        outline: 1px solid rgba(60, 73, 78, 0.15);
      }
      .glow-primary:hover {
        box-shadow: 0 0 20px rgba(0, 212, 255, 0.15);
      }
      .particle-bg {
        background-image: radial-gradient(circle at 2px 2px, rgba(0, 212, 255, 0.05) 1px, transparent 0);
        background-size: 40px 40px;
      }
      .text-glow-primary {
        text-shadow: 0 0 12px rgba(0, 212, 255, 0.4);
      }