body { font-family: 'Rajdhani', sans-serif; background: #0d0a1f; color: #f5e6ff; line-height: 1.6; min-height: 100vh; padding: 20px; overflow-x: hidden; position: relative; } /* Animated background - Caos multicolor */ body::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(ellipse at 10% 20%, rgba(255, 61, 113, 0.12) 0%, transparent 50%), radial-gradient(ellipse at 90% 80%, rgba(138, 43, 226, 0.15) 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, rgba(255, 215, 0, 0.08) 0%, transparent 60%), radial-gradient(ellipse at 70% 30%, rgba(0, 255, 255, 0.1) 0%, transparent 55%); animation: chaosShift 12s ease-in-out infinite; z-index: 0; } @keyframes chaosShift { 0%, 100% { opacity: 0.6; transform: scale(1); } 33% { opacity: 0.8; transform: scale(1.05) rotate(1deg); } 66% { opacity: 0.7; transform: scale(0.98) rotate(-1deg); } }