@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap');

:root {
    --navy: #001f3f;
    --accent: #3b82f6;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: #f8fafc;
    color: #1e293b;
}

.bg-navy { background-color: var(--navy); }
.text-navy { color: var(--navy); }

.exam-card {
    transition: all 0.3s ease;
    border-top: 4px solid var(--navy);
}

.exam-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

.sidebar {
    background-color: #0f172a;
    min-height: 100vh;
}

/* Custom Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }

.text-navy-900 { color: #001f3f; }
.bg-navy-900 { background-color: #001f3f; }

/* Pulse animation for the start button */
@keyframes shadow-pulse {
    0% { box-shadow: 0 0 0 0px rgba(59, 130, 246, 0.4); }
    100% { box-shadow: 0 0 0 20px rgba(59, 130, 246, 0); }
}

.btn-pulse {
    animation: shadow-pulse 2s infinite;
}

footer p:last-child {
    background: linear-gradient(to right, #ffffff, #88aaff, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.1rem;
}