@import url('physics2.css');

/* English Theme Overrides */
.subject-badge,
.nav-link.active,
.btn-primary,
.start-btn,
.restart-btn,
.nav-btn.primary,
.question-number {
    background: linear-gradient(135deg, #f093fb, #f5576c) !important;
}

.nav-subject-title {
    background: linear-gradient(90deg, #f093fb, #f5576c) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

.hero-content h1 {
    background: linear-gradient(90deg, #fff, #f093fb) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

.hero-background {
    background: radial-gradient(ellipse at center, rgba(240, 147, 251, 0.15) 0%, transparent 70%) !important;
}

.subject-badge {
    box-shadow: 0 20px 50px rgba(240, 147, 251, 0.4) !important;
}

.btn-primary {
    box-shadow: 0 10px 30px rgba(240, 147, 251, 0.4) !important;
}

.hero-stat i,
.rule i,
.section-title i {
    color: #f093fb !important;
}

.leaderboard-table th {
    background: rgba(240, 147, 251, 0.2) !important;
    color: #f093fb !important;
}

.message-avatar {
    background: linear-gradient(135deg, #f093fb, #f5576c) !important;
}

.ai-send-btn {
    background: linear-gradient(135deg, #f093fb, #f5576c) !important;
}

.option-btn:hover,
.option-btn.selected {
    border-color: #f093fb !important;
    background: rgba(240, 147, 251, 0.1) !important;
}

.option-btn.selected .option-letter {
    background: #f093fb !important;
}

.search-box input:focus {
    border-color: #f093fb !important;
}