* {
      box-sizing: border-box;
    }

    body {
      background-color: #131313;
      color: #e5e2e1;
      font-family: 'Inter', sans-serif;
      overflow-x: hidden;
    }

    .font-headline {
      font-family: 'Plus Jakarta Sans', sans-serif;
    }

    .glass-panel {
      background: rgba(42, 42, 42, 0.6);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
    }

    .glass-nav {
      background: rgba(24, 24, 27, 0.7);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
    }

    .inner-glow {
      box-shadow: inset 0 1px 0 0 rgba(192, 193, 255, 0.15);
    }

    .neural-pulse {
      position: fixed;
      width: 500px;
      height: 500px;
      border-radius: 100%;
      filter: blur(120px);
      z-index: -1;
      opacity: 0.12;
      pointer-events: none;
    }

    .gradient-text {
      background: linear-gradient(135deg, #c0c1ff, #ffb0cd);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .no-scrollbar::-webkit-scrollbar {
      display: none;
    }

    .no-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }

    .material-symbols-outlined {
      font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
      vertical-align: middle;
    }

    .qr-scan-line {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background: linear-gradient(to right, transparent, #00dbe7, transparent);
      box-shadow: 0 0 8px rgba(0, 219, 231, 0.6);
      animation: scan 3s infinite ease-in-out;
    }

    @keyframes scan {

      0%,
      100% {
        top: 5%
      }

      50% {
        top: 88%
      }
    }

    @keyframes float {

      0%,
      100% {
        transform: translateY(0)
      }

      50% {
        transform: translateY(-12px)
      }
    }

    .float {
      animation: float 6s ease-in-out infinite;
    }

    ::selection {
      background: #5c61f0;
      color: #fff;
    }