body { font-family: 'Orbitron', sans-serif; background: linear-gradient(135deg, #0f172a, #4c1d95); color: #e2e8f0; overflow-x: hidden; }
.neo-animation { animation: float 3s ease-in-out infinite; }
@keyframes float { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-10px) rotate(1deg); } }
.card { transition: transform 0.3s, box-shadow 0.3s; max-width: 95%; margin: 0 auto; }
.card:hover { transform: translateY(-5px); box-shadow: 0 5px 10px rgba(236, 72, 153, 0.5); }
.glow { box-shadow: 0 0 10px rgba(236, 72, 153, 0.7); }
.bg-hologram { background: linear-gradient(45deg, rgba(236, 72, 153, 0.2), rgba(59, 130, 246, 0.2)); }
header { backdrop-filter: blur(10px); background: rgba(15, 23, 42, 0.8); padding: 8px; }
.section-bg { background: radial-gradient(circle, rgba(76, 29, 149, 0.5), rgba(15, 23, 42, 1)); }
.card a { position: relative; z-index: 10; }
.container { padding: 0 8px; }
.grid { grid-template-columns: 1fr !important; }
.h-96 { height: 10rem; }
.h-48 { height: 5rem; }
.h-20 { height: 2rem; }
.h-40 { height: 4rem; }
.h-12 { height: 1.5rem; }
.text-6xl { font-size: 1.8rem; }
.text-4xl { font-size: 1.4rem; }
.text-2xl { font-size: 1rem; }
.text-lg { font-size: 0.8rem; }
.text-sm { font-size: 0.7rem; }
.px-8 { padding-left: 0.8rem; padding-right: 0.8rem; }
.py-4 { padding-top: 0.4rem; padding-bottom: 0.4rem; }
.space-x-6 > * + * { margin-left: 0.8rem; }
.space-x-12 { column-gap: 0.8rem; }
.btn { min-width: 100px; font-size: 0.8rem; }
.py-20 { padding-top: 2rem; padding-bottom: 2rem; }
.mb-12 { margin-bottom: 1rem; }
.mt-10 { margin-top: 1rem; }