/* khac/khac.css - Styles riêng trang sự kiện */

/* Event themed boxes */
.box.event-halloween {
    border-color: rgba(255, 120, 0, 0.4);
}

.box.event-halloween:hover {
    border-color: #ff7800;
    box-shadow: 0 16px 40px rgba(255, 120, 0, 0.3);
}

.box.event-halloween h3 {
    color: #ff9933;
}

.box.event-noel {
    border-color: rgba(255, 71, 87, 0.4);
}

.box.event-noel:hover {
    border-color: #ff4757;
    box-shadow: 0 16px 40px rgba(255, 71, 87, 0.3);
}

.box.event-noel h3 {
    color: #ff6b81;
}

/* Animation */
.box:nth-child(1) {
    animation: fadeInUp 0.4s 0.05s ease both;
}

.box:nth-child(2) {
    animation: fadeInUp 0.4s 0.10s ease both;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}