/* ===== GRID (เหมือน team-grid) ===== */
.invited-grid{
    display:grid;
    align-items:stretch;

    grid-template-columns:repeat(auto-fit, minmax(250px, 280px));
    justify-content:center;

    gap:30px;
    max-width:1200px;
    margin:auto;
}

/* ===== CARD ===== */
.invited-card{
    background:#1e293b;
    border-radius:18px;
    overflow:hidden;
    transition:.4s;
    border:1px solid rgba(255,255,255,0.05);

    width:280px;
    display:flex;
    flex-direction:column;
    height:100%;
}

/* ===== IMAGE ===== */
.invited-card img{
    width:100%;
    height:280px;
    object-fit:cover;
}

/* ===== INFO ===== */
.invited-info{
    padding:20px;
    background:#0f172a;

    display:flex;
    flex-direction:column;
    flex-grow:1;
}

.invited-info h3{
    font-size:16px;
    margin-bottom:5px;
    color:#e2e8f0;
}

.invited-info span{
    font-size:13px;
    color:#94a3b8;
}

/* ===== HOVER ===== */
.invited-card:hover{
    transform:translateY(-10px) scale(1.02);
    box-shadow:0 15px 50px rgba(124,58,237,0.3);
    border:1px solid rgba(124,58,237,0.5);
}

.invited-card:hover img{
    transform:scale(1.05);
    transition:.4s;
}