HQD Cuvie Slick Plus 12000 Puffs (Mixed Berry)

  <style> body { font-family: ‘Space Grotesk’, sans-serif; background-color: #030105; } .font-sync { font-family: ‘Syncopate’, sans-serif; } .medley-surface { background: radial-gradient(circle at 50% -20%, #7c3aed 0%, #db2777 30%, #312e81 70%, #030105 100%); } .cobalt-glass { background: rgba(255, 255, 255, 0.02); backdrop-filter: blur(30px); border: 1px solid rgba(124, 58, 237, 0.1); } @keyframes cosmic-glow { 0%, 100% { opacity: 0.3; transform: scale(1); } 50% { opacity: 0.6; transform: scale(1.1); } } .cosmic-anim { animation: cosmic-glow 5s ease-in-out infinite; } .berry-glow { text-shadow: 0 0 20px rgba(124, 58, 237, 0.5); } .slick-border { border-radius: 40px 10px 40px 10px; } </style> <section class=”max-w-4xl mx-auto px-6 py-20″> <div class=”relative overflow-hidden slick-border bg-[#050208] border border-purple-900/30 shadow-2xl transition-all duration-500 hover:shadow-purple-900/20″> <div class=”medley-surface px-8 pt-24 pb-16 text-center relative”> <div class=”absolute top-0 left-1/2 -translate-x-1/2 w-full flex justify-center opacity-40″> <div class=”w-72 h-72 bg-purple-600 blur-[120px] rounded-full cosmic-anim”></div> </div> <div class=”inline-block px-5 py-1.5 cobalt-glass rounded-full text-[10px] font-bold tracking-[0.4em] uppercase text-purple-200 mb-8″> Cuvie Slick Plus / Anthocyanin Reserve </div> <h1 class=”font-sync text-6xl md:text-8xl font-bold tracking-tighter text-white mb-4″>HQD</h1> <div class=”flex items-center justify-center gap-4 mb-6″> <div class=”h-[1px] w-12 bg-purple-600/50″></div> <span class=”text-2xl md:text-3xl font-light tracking-[0.2em] text-purple-400 berry-glow”>12000 PUFFS</span> <div class=”h-[1px] w-12 bg-purple-600/50″></div> </div> </div> <div class=”px-10 py-12 bg-black/60 relative”> <div class=”flex flex-col items-center text-center”> <h2 class=”text-4xl md:text-5xl font-bold text-white tracking-tight leading-none mb-6 italic”>MIXED <span class=”text-purple-500″>BERRY</span></h2> <p class=”text-gray-400 text-lg max-w-xl leading-relaxed font-light”> A sophisticated entanglement of the vine. Dark blackberries, tart raspberries, and sweet blueberries collide in a complex, velvet-smooth profile that evolves with every draw. </p> </div> <div class=”grid grid-cols-2 md:grid-cols-4 gap-4 mt-12″> <div class=”cobalt-glass p-6 text-center rounded-2xl”> <p class=”text-[10px] uppercase tracking-widest text-gray-500 mb-1″>E-Liquid</p> <p class=”text-xl font-bold text-white”>18.0mL</p> </div> <div class=”cobalt-glass p-6 text-center rounded-2xl”> <p class=”text-[10px] uppercase tracking-widest text-gray-500 mb-1″>Power</p> <p class=”text-xl font-bold text-white”>CAPI-Stable</p> </div> <div class=”cobalt-glass p-6 text-center rounded-2xl”> <p class=”text-[10px] uppercase tracking-widest text-gray-500 mb-1″>Heating</p> <p class=”text-xl font-bold text-white”>Dual Mesh</p> </div> <div class=”cobalt-glass p-6 text-center rounded-2xl”> <p class=”text-[10px] uppercase tracking-widest text-gray-500 mb-1″>Display</p> <p class=”text-xl font-bold text-white”>LED Smart</p> </div> </div> </div> <div class=”p-12 border-t border-white/5 bg-gradient-to-b from-transparent to-purple-950/20″> <div class=”flex flex-col md:flex-row gap-12 items-center”> <div class=”flex-1 space-y-6″> <div class=”flex items-center gap-3″> <div class=”w-2 h-2 bg-purple-600 rounded-full”></div> <h3 class=”font-sync text-sm tracking-[0.2em] text-purple-500 uppercase”>Aromatic Spectrum</h3> </div> <p class=”text-xl italic text-gray-300 font-light leading-snug”> “The Mixed Berry profile is engineered for those who seek depth; it starts with a bright fruit top-note and finishes with a deep, wine-like sweetness.” </p> </div> <div class=”w-full md:w-64 space-y-4″> <div class=”flex justify-between items-end”> <span class=”text-[10px] uppercase tracking-widest text-gray-500″>Flavor Complexity</span> <span class=”text-purple-500 font-bold”>96%</span> </div> <div class=”h-1.5 w-full bg-white/5 rounded-full overflow-hidden”> <div class=”h-full bg-purple-600 w-[96%]”></div> </div> <div class=”flex justify-between items-end”> <span class=”text-[10px] uppercase tracking-widest text-gray-500″>Smoothness</span> <span class=”text-white font-bold”>94%</span> </div> <div class=”h-1.5 w-full bg-white/5 rounded-full overflow-hidden”> <div class=”h-full bg-white/80 w-[94%]”></div> </div> </div> </div> </div> <div class=”bg-white px-10 py-8 text-black text-center”> <p class=”font-bold text-sm tracking-[0.1em] mb-2 uppercase”>Warning: Nicotine is highly addictive.</p> <p class=”text-[10px] uppercase tracking-widest opacity-60″>HQD Global • Cuvie Slick Plus • Masterpiece Berry Blend</p> </div> </div> </section>