Xbaazcom New -
<!-- Particles --> <div class="particle" style="top:15%;left:10%;animation:particle-float 8s ease-in-out infinite;"></div> <div class="particle" style="top:25%;left:85%;animation:particle-float 10s ease-in-out 2s infinite;width:3px;height:3px;"></div> <div class="particle" style="top:60%;left:5%;animation:particle-float 7s ease-in-out 1s infinite;width:2px;height:2px;opacity:0.2;"></div> <div class="particle" style="top:40%;left:92%;animation:particle-float 9s ease-in-out 3s infinite;width:5px;height:5px;opacity:0.15;"></div>
.toast position: fixed; bottom: 32px; right: 32px; background: #171717; border: 1px solid rgba(0,255,196,0.2); border-radius: 12px; padding: 16px 24px; display: flex; align-items: center; gap: 12px; z-index: 1000; transform: translateY(100px); opacity: 0; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); xbaazcom new
.animate-on-scroll opacity: 0; transform: translateY(30px); transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1); !-- Particles -->
.tab-btn transition: all 0.3s; position: relative; div class="particle" style="top:15%
@keyframes pulse-glow 0%, 100% box-shadow: 0 0 20px rgba(0,255,196,0.1); 50% box-shadow: 0 0 40px rgba(0,255,196,0.25);