@import url('physics2.css');
.subject-badge, .nav-link.active, .btn-primary, .start-btn, .restart-btn, .nav-btn.primary, .question-number { background: linear-gradient(135deg, #fa709a, #fee140) !important; }
.nav-subject-title { background: linear-gradient(90deg, #fa709a, #fee140) !important; -webkit-background-clip: text !important; background-clip: text !important; }
.hero-content h1 { background: linear-gradient(90deg, #fff, #fa709a) !important; -webkit-background-clip: text !important; background-clip: text !important; }
.hero-background { background: radial-gradient(ellipse at center, rgba(250, 112, 154, 0.15) 0%, transparent 70%) !important; }
.subject-badge { box-shadow: 0 20px 50px rgba(250, 112, 154, 0.4) !important; }
.btn-primary { box-shadow: 0 10px 30px rgba(250, 112, 154, 0.4) !important; }
.hero-stat i, .rule i, .section-title i { color: #fa709a !important; }
.leaderboard-table th { background: rgba(250, 112, 154, 0.2) !important; color: #fa709a !important; }
.message-avatar, .ai-send-btn { background: linear-gradient(135deg, #fa709a, #fee140) !important; }
.option-btn:hover, .option-btn.selected { border-color: #fa709a !important; background: rgba(250, 112, 154, 0.1) !important; }
.option-btn.selected .option-letter { background: #fa709a !important; }