.app-card {

    display: grid;

    grid-template-columns: 240px 1fr;

    gap: 3rem;

    align-items: center;

    padding: 3rem;

    border-radius: 32px;

    background: var(--glass-background);

    border: 1px solid var(--glass-border);

    backdrop-filter: blur(30px);

    transition:
        transform .3s,
        box-shadow .3s;

}

.app-card-content {

    display: flex;

    flex-direction: column;

    gap: 1rem;

}
.technology-list {

    display: flex;

    flex-wrap: wrap;

    gap: .5rem;

}

.technology-pill {

    padding: .35rem .75rem;

    border-radius: 999px;

    background: rgba(255,255,255,.08);

    font-size: .8rem;

}
.status-badge {

    align-self: flex-start;

    padding: .3rem .8rem;

    border-radius: 999px;

    background: #34C759;

    color: white;

    font-size: .75rem;

    font-weight: 600;

}