.modules-main-content{
    display:grid;
    gap:16px;
}

.modules-hero{
    background:linear-gradient(160deg,rgba(2,6,23,.86),rgba(11,23,53,.72));
    color:var(--home-text-color,#e5e7eb);
}

.modules-hero h2{
    margin:0 0 8px;
}

.modules-hero p{
    margin:0;
    max-width:860px;
    line-height:1.55;
}

.modules-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.module-registry-card{
    border:1px solid rgba(255,255,255,.16);
    border-radius:14px;
    padding:16px;
    background:linear-gradient(180deg,rgba(2,6,23,.82),rgba(2,6,23,.66));
    color:var(--home-text-color,#e5e7eb);
    display:grid;
    gap:14px;
}

.module-registry-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}

.module-registry-head h3{
    margin:0 0 6px;
    font-size:20px;
}

.module-registry-head p{
    margin:0;
    color:rgba(226,232,240,.84);
    line-height:1.5;
}

.module-registry-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:6px 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.module-registry-status.status-live{
    background:rgba(34,197,94,.18);
    border:1px solid rgba(34,197,94,.38);
    color:#bbf7d0;
}

.module-registry-meta{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.module-registry-meta div{
    border:1px solid rgba(255,255,255,.1);
    border-radius:10px;
    padding:10px;
    background:rgba(255,255,255,.04);
}

.module-registry-meta span{
    display:block;
    margin-bottom:4px;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:rgba(226,232,240,.7);
}

.module-registry-meta strong{
    display:block;
    color:#fff;
}

.module-registry-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.module-registry-tag{
    display:inline-flex;
    align-items:center;
    padding:7px 10px;
    border-radius:999px;
    background:rgba(217,119,6,.14);
    border:1px solid rgba(217,119,6,.3);
    color:#fde68a;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.08em;
    font-weight:700;
}

@media (max-width:980px){
    .modules-grid,
    .module-registry-meta{
        grid-template-columns:1fr;
    }

    .module-registry-head{
        flex-direction:column;
    }
}
