:root { --blue: #3b82f6; }
html { scroll-behavior: smooth; }
body { background: #050505; -webkit-font-smoothing: antialiased; overflow-x: hidden; width: 100%; }

/* Animaciones Reveal */
[class*="reveal-"] { opacity: 0; transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
.reveal-left { transform: translateX(-40px); }
.reveal-up { transform: translateY(40px); }
.reveal-right { transform: translateX(40px); }
.reveal-left.visible, .reveal-up.visible, .reveal-right.visible { opacity: 1; transform: translate(0); }

.delay-100 { transition-delay: 0.1s; }
.delay-200 { transition-delay: 0.2s; }
.delay-300 { transition-delay: 0.3s; }
.delay-400 { transition-delay: 0.4s; }

/* Efecto Flotante Tarjeta */
.floating { animation: float 5s ease-in-out infinite; }
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }

/* Glow pulse pro plan */
.glow-pulse { animation: pulse 3s infinite; }
@keyframes pulse { 0%, 100% { box-shadow: 0 0 15px rgba(59, 130, 246, 0.1); } 50% { box-shadow: 0 0 40px rgba(59, 130, 246, 0.4); } }

/* Glass effect */
.glass { background: rgba(255, 255, 255, 0.02); backdrop-filter: blur(12px); }
select option { background: #111; color: white; }