/* */ body { min-height: 100vh !important; display: flex !important; flex-direction: column !important; } .exam-header { background: var(--bs-navbar-bg, linear-gradient(90deg, #6366f1 0%, #60a5fa 100%)) !important; border-radius: 0 0 2rem 2rem !important; } .exam-title { font-size: 2.2rem !important; font-weight: 700 !important; color: var(--bs-body-color, #2d3a4a) !important; margin-bottom: 1rem !important; } .exam-card { background: var(--bs-card-bg, #fff) !important; color: var(--bs-card-color, #2d3a4a) !important; border-radius: 1.2rem !important; box-shadow: 0 2px 12px rgba(0,0,0,0.07) !important; padding: 1.5rem 1rem !important; min-height: 220px !important; text-align: center !important; transition: box-shadow 0.2s, transform 0.2s !important; border: none !important; position: relative !important; } .exam-card:hover { box-shadow: 0 8px 32px rgba(99,102,241,0.18) !important; transform: translateY(-2px) scale(1.02) !important; } .exam-icon { font-size: 2.2rem !important; margin-bottom: 1rem !important; } .exam-link { text-decoration: none !important; color: inherit !important; display: block !important; } @media (max-width: 600px) { .exam-title { font-size: 1.4rem !important; } } /* Force dark mode for this page */ body.bg-dark, .dark-mode & { background: linear-gradient(135deg, #23272b 0%, #1a1d23 100%) !important; color: #f8fafc !important; } body.bg-dark .exam-header, .dark-mode .exam-header { background: linear-gradient(90deg, #23272b 0%, #374151 100%) !important; } body.bg-dark .exam-header .fw-bold.display-6, body.bg-dark .exam-header .small, .dark-mode .exam-header .fw-bold.display-6, .dark-mode .exam-header .small { color: #fff !important; } body.bg-dark .exam-header .header-logo, .dark-mode .exam-header .header-logo { background: #374151 !important; color: #fff !important; } body.bg-dark .exam-title, .dark-mode .exam-title { color: #f8fafc !important; } body.bg-dark .exam-card, .dark-mode .exam-card { background: #23272b !important; color: #f8fafc !important; border-color: #374151 !important; } body.bg-dark .exam-card:hover, .dark-mode .exam-card:hover { box-shadow: 0 8px 32px rgba(99,102,241,0.28) !important; } body.bg-dark .exam-link, .dark-mode .exam-link { color: #f8fafc !important; } body { background: linear-gradient(135deg, #f8fafc 0%, #e0e7ff 100%) !important; min-height: 100vh !important; display: flex !important; flex-direction: column !important; } .exam-header { background: linear-gradient(90deg, #6366f1 0%, #60a5fa 100%) !important; border-radius: 0 0 2rem 2rem !important; } .exam-title { font-size: 2.2rem !important; font-weight: 700 !important; color: #2d3a4a !important; margin-bottom: 1rem !important; } .exam-card { background: #fff !important; border-radius: 1.2rem !important; box-shadow: 0 2px 12px rgba(0,0,0,0.07) !important; padding: 1.5rem 1rem !important; min-height: 220px !important; text-align: center !important; transition: box-shadow 0.2s, transform 0.2s !important; border: none !important; position: relative !important; } .exam-card:hover { box-shadow: 0 8px 32px rgba(99,102,241,0.18) !important; transform: translateY(-2px) scale(1.02) !important; } .exam-icon { font-size: 2.2rem !important; margin-bottom: 1rem !important; } .exam-link { text-decoration: none !important; color: inherit !important; display: block !important; } @media (max-width: 600px) { .exam-title { font-size: 1.4rem !important; } }