.hero{
    max-width:760px;
    margin:14px auto 34px;
    text-align:center;
}

.eyebrow{
    display:inline-flex;
    padding:8px 13px;
    border-radius:999px;
    background:var(--primary-soft);
    color:var(--primary);
    font-size:.75rem;
    font-weight:900;
    letter-spacing:.08em;
}

.hero h1{
    margin:13px 0 8px;
    font-size:clamp(2.2rem,5vw,3.6rem);
    font-weight:950;
    letter-spacing:-.05em;
}

.hero p{
    color:var(--muted);
    line-height:1.75;
}

.event-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.event-card{
    padding:24px;
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:22px;
    box-shadow:0 14px 38px rgba(27,72,56,.05);
}

.event-status{
    display:inline-flex;
    padding:7px 10px;
    border-radius:999px;
    font-size:.7rem;
    font-weight:900;
}

.status-open{background:#e8f7ee;color:#177245}
.status-closed{background:#fff2dd;color:#986000}

.event-card h2{
    margin:16px 0 18px;
    font-size:1.35rem;
    font-weight:900;
}

.event-meta{
    display:grid;
    gap:10px;
    margin-bottom:20px;
}

.event-meta div{
    display:flex;
    justify-content:space-between;
    gap:14px;
}

.event-meta span{
    color:var(--muted);
    font-size:.82rem;
}

.event-meta strong{
    text-align:right;
    font-size:.85rem;
}

.event-button{
    width:100%;
    background:var(--primary);
    color:#fff;
}

.event-button:hover{
    background:var(--primary-dark);
    color:#fff;
}

.empty-public{
    grid-column:1/-1;
    padding:45px;
    text-align:center;
    color:var(--muted);
}

@media(max-width:980px){
    .event-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:650px){
    .event-grid{grid-template-columns:1fr}
}
.event-card{padding:0;overflow:hidden}
.event-card-body{padding:22px}
.event-card-banner{display:block;background:#eef5ff}
.event-card-banner img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}