/* 🔔 Notification Scroll */
.animate-scroll {
    position: absolute;
    white-space: nowrap;
    animation: scroll-left 15s linear infinite;
}

@keyframes scroll-left {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(-100%);
    }
}

/* 🎯 Contest Section */
#Appear {
    background: linear-gradient(120deg, #fdfbfb, #ebedee);
    padding: 40px;
    border-radius: 20px;
}

.contest-card {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(12px);
    border: none;
    border-radius: 20px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    padding: 25px;
}

.contest-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2);
}

.contest-card .card-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
}

.contest-card .card-text {
    font-size: 1rem;
    color: #555;
    margin-bottom: 20px;
}

.btn-appear {
    display: inline-block;
    background: linear-gradient(135deg, #1e3c72, #2a5298);
    color: white;
    font-weight: 600;
    border-radius: 50px;
    padding: 10px 20px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.btn-appear:hover {
    background: linear-gradient(135deg, #2a5298, #1e3c72);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    transform: scale(1.05);
    color: #fff;
}

/* 🏆 Leaderboard */
.table-hover tbody tr:hover {
    background-color: rgba(46, 134, 222, 0.1) !important;
    transform: scale(1.01);
    transition: 0.2s ease-in-out;
}

.card {
    overflow: hidden;
}

.card-header {
    letter-spacing: 1px;
}

/* 📚 Upcoming Exams */
.exam-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
}

.exam-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.countdown {
    font-size: 1rem;
    letter-spacing: 1px;
}

/* Container background (light gradient) */
#Appear {
    background: linear-gradient(120deg, #fdfbfb, #ebedee);
    padding: 40px;
    border-radius: 20px;
}

/* Contest Cards */
.contest-card {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(12px);
    border: none;
    border-radius: 20px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    padding: 25px;
}

.contest-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2);
}

/* Titles */
.contest-card .card-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
}

/* Text */
.contest-card .card-text {
    font-size: 1rem;
    color: #555;
    margin-bottom: 20px;
}

/* Buttons */
.btn-appear {
    display: inline-block;
    background: linear-gradient(135deg, #1e3c72, #2a5298);
    color: white;
    font-weight: 600;
    border-radius: 50px;
    padding: 10px 20px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.btn-appear:hover {
    background: linear-gradient(135deg, #2a5298, #1e3c72);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    transform: scale(1.05);
    color: #fff;
}