Sixe Video.com -
<!-- Announcement Bar --> <div class="relative z-50 bg-[#00332a] border-b border-[#00ffc4]/20 py-3 px-4"> <div class="max-w-7xl mx-auto flex items-center justify-center gap-3 text-sm"> <span class="bg-[#00ffc4] text-black text-[10px] font-bold uppercase tracking-[0.2em] px-2.5 py-0.5 rounded-full">New</span> <span class="text-[#00ffc4]/90">4K Streaming Now Live — Ad-free experience for all premium members</span> <i data-lucide="arrow-right" class="w-4 h-4 text-[#00ffc4]"></i> </div> </div>
/* CTA button */ .cta-btn { background: linear-gradient(to right, #047857, #059669); box-shadow: 0 0 30px rgba(4,120,87,0.4); transition: all 0.3s ease; position: relative; overflow: hidden; } .cta-btn:hover { box-shadow: 0 0 50px rgba(4,120,87,0.6); transform: translateY(-1px); } .cta-btn::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent); animation: shimmer 3s infinite; }
/* Glass card */ .glass-card { background: rgba(23,23,23,0.5); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.05); box-shadow: 0 4px 30px rgba(0,0,0,0.3), inset 0 0 20px rgba(255,255,255,0.02); } SIXE VIDEO.COM
/* Nav link underline */ .nav-link { position: relative; } .nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: #00ffc4; transition: width 0.3s ease; } .nav-link:hover::after { width: 100%; } .nav-link:hover { color: #00ffc4; }
/* Glow border on hover */ .glow-border:hover { border-color: rgba(0,255,196,0.3); box-shadow: 0 0 30px rgba(0,255,196,0.1); } !-- Announcement Bar -->
/* Category pill */ .cat-pill { transition: all 0.3s ease; } .cat-pill:hover, .cat-pill.active { background: #00ffc4; color: #000; border-color: #00ffc4; }
/* Scrollbar */ ::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-track { background: #0a0a0a; } ::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; } ::-webkit-scrollbar-thumb:hover { background: #555; } box-shadow: 0 0 30px rgba(4
/* FAQ */ .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.3s ease; } .faq-item.open .faq-answer { max-height: 300px; } .faq-item.open .faq-chevron { transform: rotate(180deg); } .faq-chevron { transition: transform 0.3s ease; }