Xxnxcom [ 2025 ]

/* Tabs */ .tab-btn { padding: 8px 20px; font-size: 14px; font-weight: 500; color: rgba(255,255,255,0.5); border-bottom: 2px solid transparent; cursor: pointer; transition: all 0.2s; } .tab-btn:hover { color: rgba(255,255,255,0.8); } .tab-btn.active { color: #FB923C; border-bottom-color: #F97316; }

<div class="fixed inset-0 bg-grid pointer-events-none" style="z-index:0;"></div> <div class="fixed top-[-200px] left-1/2 -translate-x-1/2 w-[1000px] h-[400px] rounded-full pointer-events-none animate-pulse-glow" style="background: radial-gradient(ellipse, rgba(249,115,22,0.2), transparent 70%); z-index:0; filter: blur(120px);"></div> xxnxcom

@keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } .animate-shimmer { background: linear-gradient(90deg, transparent, rgba(255,255,255,0.04), transparent); background-size: 200% 100%; animation: shimmer 3s linear infinite; } /* Tabs */

/* Glass card */ .glass-card { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); transition: all 0.3s; } .glass-card:hover { border-color: rgba(255, 255, 255, 0.15); background: rgba(255, 255, 255, 0.05); } border-bottom: 2px solid transparent

/* Shine button */ .shine-button { position: relative; overflow: hidden; } .shine-button::after { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent); transition: 0.5s; } .shine-button:hover::after { left: 100%; }