.events-shell{min-height:75vh;padding:70px 0 100px}.events-head h1{letter-spacing:-.06em;margin:10px 0;font-size:clamp(2.8rem,6vw,5rem)}.events-head p{color:var(--muted);font-size:17px}.event-search{border:1px solid var(--line);background:var(--surface);border-radius:17px;grid-template-columns:1fr 240px auto;gap:10px;margin:30px 0;padding:14px;display:grid}.event-search label{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex}.event-search input,.event-search select{min-width:0;height:46px;color:var(--ink);background:0 0;border:0;outline:0}.event-search select{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;padding:0 10px}.event-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.event-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;transition:all .2s;overflow:hidden}.event-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.event-card-image{height:210px;color:var(--green);background:var(--mint);place-items:center;display:grid;position:relative}.event-card-image img{object-fit:cover;width:100%;height:100%}.event-card-image>svg{width:45px;height:45px}.event-card-image>span{color:#fff;background:var(--green);border-radius:999px;padding:6px 9px;font-size:10px;font-weight:850;position:absolute;top:12px;left:12px}.event-card>div{padding:18px}.event-card time,.event-card p,.event-card footer span,.event-card footer strong{align-items:center;gap:5px;display:flex}.event-card time{color:var(--green);text-transform:capitalize;font-size:10px;font-weight:800}.event-card h2{margin:9px 0;font-size:19px}.event-card p{color:var(--muted);font-size:12px}.event-card svg{width:14px}.event-card footer{border-top:1px solid var(--line);justify-content:space-between;gap:10px;margin-top:16px;padding-top:14px;font-size:11px;display:flex}.event-card footer strong{color:var(--green)}.event-loading,.event-empty{min-height:260px;color:var(--muted);justify-content:center;align-items:center;gap:8px;display:flex}.event-empty{flex-direction:column}.event-detail{padding:45px 0 90px}.event-detail>header{color:#fff;background:#153c34;border-radius:24px;height:520px;margin-top:20px;position:relative;overflow:hidden}.event-detail>header img{object-fit:cover;width:100%;height:100%}.event-detail>header:after{content:"";background:linear-gradient(#0000 30%,#061814e8);position:absolute;inset:0}.event-detail>header>div{z-index:1;position:absolute;bottom:35px;left:35px;right:35px}.event-detail h1{margin:8px 0;font-size:clamp(2.3rem,5vw,4rem)}.event-detail header p{gap:6px;display:flex}.event-detail-layout{grid-template-columns:1fr 320px;gap:28px;margin-top:28px;display:grid}.event-facts{flex-wrap:wrap;gap:10px;display:flex}.event-facts span{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:7px;padding:13px;display:flex}.event-facts svg{color:var(--green)}.event-description{border:1px solid var(--line);background:var(--surface);border-radius:18px;margin-top:18px;padding:26px}.event-description p{white-space:pre-line;color:var(--muted);line-height:1.75}.event-detail aside{border:1px solid var(--line);background:var(--surface);height:max-content;box-shadow:var(--shadow);border-radius:18px;gap:9px;padding:24px;display:grid}.event-gallery{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:18px;display:grid}.event-gallery img{object-fit:cover;border-radius:13px;width:100%;height:220px}.event-form{border:1px solid var(--line);background:var(--surface);border-radius:20px;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:30px;padding:28px;display:grid}.event-form label{gap:7px;font-size:12px;font-weight:750;display:grid}.event-form .wide{grid-column:1/-1}.event-form input,.event-form select,.event-form textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--surface-soft);font:inherit;border-radius:10px;padding:12px}.event-form .check{align-items:center;display:flex}.event-form .check input{width:auto}@media (max-width:850px){.event-grid{grid-template-columns:repeat(2,1fr)}.event-detail-layout{grid-template-columns:1fr}}@media (max-width:600px){.event-search,.event-grid,.event-form{grid-template-columns:1fr}.event-form .wide{grid-column:auto}.event-detail>header{height:430px}.event-detail>header>div{bottom:20px;left:20px;right:20px}.event-gallery{grid-template-columns:1fr}}