:root { --bg-dark: #0B0D17; --bg-card: #1A1E2E; --neon-pink: #FF007A; --neon-cyan: #00F0FF; --text-main: #FFFFFF; --text-muted: #A0A0A0; --accent-gradient: linear-gradient(45deg, var(--neon-pink), var(--neon-cyan)); } body { background-color: var(--bg-dark); color: var(--text-main); font-family: 'Poppins', sans-serif; margin: 0; overflow-x: hidden; } .navbar { background-color: rgba(11, 13, 23, 0.95); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .navbar-brand { font-weight: 800; background: var(--accent-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 1.5rem; } .hero-section { padding: 100px 0; position: relative; background: radial-gradient(circle at top right, rgba(255, 0, 122, 0.1), transparent), radial-gradient(circle at bottom left, rgba(0, 240, 255, 0.1), transparent); } .card { background-color: var(--bg-card); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 15px; transition: transform 0.3s ease, box-shadow 0.3s ease; } .card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); } .btn-neon { background: var(--accent-gradient); border: none; color: white; font-weight: 600; padding: 12px 30px; border-radius: 30px; transition: all 0.3s ease; } .btn-neon:hover { box-shadow: 0 0 20px rgba(255, 0, 122, 0.5); transform: scale(1.05); color: white; } .form-control { background-color: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: white; border-radius: 10px; } .form-control:focus { background-color: rgba(255, 255, 255, 0.1); border-color: var(--neon-cyan); color: white; box-shadow: 0 0 10px rgba(0, 240, 255, 0.3); } .live-badge { background-color: var(--neon-pink); color: white; padding: 5px 15px; border-radius: 20px; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; animation: pulse 2s infinite; } @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } .schedule-item { padding: 15px; border-left: 3px solid var(--neon-cyan); margin-bottom: 10px; background: rgba(255, 255, 255, 0.02); } .footer { padding: 50px 0; border-top: 1px solid rgba(255, 255, 255, 0.05); text-align: center; color: var(--text-muted); }