/* ===================================
   STUDENT WORKSPACE STYLES
   Edit this file to complete the tutorial
   =================================== */

/* Card Grid Container */
.card-grid {
    /* Add your grid styles here */
}

/* Individual Cards */
.card {
    /* Add your card styles here */
}

.card-icon {
    /* Add your icon styles here */
}

.card h3 {
    /* Add your heading styles here */
}

.card p {
    /* Add your paragraph styles here */
}

/* Hover States */
.card:hover {
    /* Add your transform styles here */
}

/* Unique Icon Hovers */
.card:nth-child(1):hover .card-icon {
    /* Add unique hover for card 1 */
}

.card:nth-child(2):hover .card-icon {
    /* Add unique hover for card 2 */
}

.card:nth-child(3):hover .card-icon {
    /* Add unique hover for card 3 */
}

.card:nth-child(4):hover .card-icon {
    /* Add unique hover for card 4 */
}

.card:nth-child(5):hover .card-icon {
    /* Add unique hover for card 5 */
}

.card:nth-child(6):hover .card-icon {
    /* Add unique hover for card 6 */
}

/* Animations */
@keyframes fadeInUp {
    /* Define your animation here */
}

/* Animation application with reduced motion support */
@media (prefers-reduced-motion: no-preference) {
    .card {
        /* Add animation property here */
    }

    /* Stagger delays */
    .card:nth-child(1) {
        animation-delay: 0s;
    }

    .card:nth-child(2) {
        animation-delay: 0.1s;
    }

    .card:nth-child(3) {
        animation-delay: 0.2s;
    }

    .card:nth-child(4) {
        animation-delay: 0.3s;
    }

    .card:nth-child(5) {
        animation-delay: 0.4s;
    }

    .card:nth-child(6) {
        animation-delay: 0.5s;
    }
}

/* Optional: Pulse animation */
@keyframes pulse {
    /* Define pulse animation here */
}