body {
      background-color: #0d0517;
      color: #f3e8ff;
      font-family: 'Inter', sans-serif;
      overflow-x: hidden;
    }
    .bg-main-overlay {
      background: linear-gradient(180deg, rgba(18,7,31,0.85) 0%, rgba(30,10,50,0.75) 50%, rgba(13,5,23,0.95) 100%),
                  url('./banners/banner-1.webp?v=785f188a3c2c') center/cover no-repeat fixed;
    }
    .glass-card {
      background: rgba(30,15,50,0.55);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border: 1px solid rgba(232,121,249,0.2);
      box-shadow: 0 8px 32px 0 rgba(192,38,211,0.15);
    }
    .glass-card:hover {
      border-color: rgba(236,72,153,0.6);
      box-shadow: 0 12px 40px 0 rgba(236,72,153,0.35);
    }
    .glass-modal {
      background: rgba(22,10,36,0.88);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border: 1px solid rgba(240,171,252,0.3);
      box-shadow: 0 20px 50px rgba(0,0,0,0.7), 0 0 30px rgba(217,70,239,0.3);
    }
    ::-webkit-scrollbar { width: 6px; }
    ::-webkit-scrollbar-track { background: #12071f; }
    ::-webkit-scrollbar-thumb { background: #a21caf; border-radius: 3px; }
    ::-webkit-scrollbar-thumb:hover { background: #e879f9; }
    .progress-ring__circle {
      transition: stroke-dashoffset 0.1s linear;
      transform: rotate(-90deg);
      transform-origin: 50% 50%;
    }
    @keyframes pulseGlow {
      0%, 100% { opacity: 0.8; transform: scale(1); }
      50% { opacity: 1; transform: scale(1.02); }
    }
    .glow-effect { animation: pulseGlow 3s infinite ease-in-out; }
    @keyframes floatParticle {
      0%, 100% { transform: translateY(0) translateX(0); opacity: 0.3; }
      25% { transform: translateY(-20px) translateX(10px); opacity: 0.8; }
      50% { transform: translateY(-40px) translateX(-5px); opacity: 0.5; }
      75% { transform: translateY(-20px) translateX(15px); opacity: 0.7; }
    }
    .float-particle { animation: floatParticle 6s infinite ease-in-out; }
    .no-scrollbar::-webkit-scrollbar { display: none; }
    .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
  
[data-local-style="local-style-1"] { top:10%;left:15%;animation-delay:0s }

[data-local-style="local-style-2"] { top:20%;left:80%;animation-delay:1s }

[data-local-style="local-style-3"] { top:60%;left:25%;animation-delay:2s }

[data-local-style="local-style-4"] { top:40%;left:70%;animation-delay:3s }

[data-local-style="local-style-5"] { top:75%;left:50%;animation-delay:4s }

[data-local-style="local-style-6"] { top:85%;left:90%;animation-delay:2.5s }

[data-local-style="local-style-7"] { top:30%;left:45%;animation-delay:1.5s }

[data-local-style="local-style-8"] { top:55%;left:10%;animation-delay:3.5s }

[data-local-style="local-style-9"] { height: 85vh; max-height: 700px; }

[data-local-style="local-style-10"] { animation-delay: 0ms }

[data-local-style="local-style-11"] { animation-delay: 150ms }

[data-local-style="local-style-12"] { animation-delay: 300ms }