:root{--ev-purple: #6a3fa5;--ev-purple-light: rgba(106,63,165,0.12);--ev-orange: #e2812f;--ev-orange-light: rgba(226,129,47,0.14);--ev-blue: #2f6fb0;--ev-blue-light: rgba(47,111,176,0.12);--ev-green: #2e6417;--ev-green-light: #eaf3e6;--ev-navy: #2d465e;--ev-border: #e7e9ec}.events-app{background-color: #f7f8f7}.events-hero{position: relative;background: linear-gradient(120deg,rgba(12,26,16,0.92) 0%,rgba(15,40,22,0.82) 60%,rgba(15,40,22,0.7) 100%),url('assets/img/gallery/bg1.jpg') center/cover no-repeat;padding: 4.5rem 0 3.5rem;color: #fff}.events-hero-inner{display: flex;align-items: center;justify-content: space-between;gap: 2.5rem;flex-wrap: wrap}.events-hero-eyebrow{display: inline-flex;align-items: center;gap: 0.4rem;font-size: 0.82rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;color: #8fd66b;margin-bottom: 1rem}.events-hero-title{font-family: var(--heading-font,"Raleway",sans-serif);font-size: 3rem;font-weight: 800;line-height: 1.1;margin: 0 0 1rem;color: #fff}.events-hero-underline{width: 64px;height: 4px;background-color: #8fd66b;border-radius: 2px;margin-bottom: 1.25rem}.events-hero-subtitle{font-size: 1.05rem;color: rgba(255,255,255,0.82);max-width: 480px;line-height: 1.6;margin: 0}.events-hero-left{flex: 1 1 420px}.events-hero-stats{display: flex;gap: 0.9rem;flex: 0 0 auto;flex-wrap: wrap}.hero-stat-card{background-color: rgba(255,255,255,0.08);border: 1px solid rgba(255,255,255,0.12);border-radius: 12px;padding: 1.1rem 1.2rem;text-align: center;min-width: 130px;backdrop-filter: blur(2px)}.hero-stat-card i{font-size: 1.4rem;color: #8fd66b;margin-bottom: 0.5rem;display: block}.hero-stat-value{font-size: 1.35rem;font-weight: 800;color: #fff;line-height: 1.1;margin-bottom: 0.15rem}.hero-stat-label{font-size: 0.78rem;color: rgba(255,255,255,0.75);line-height: 1.3}.events-toolbar-wrap{padding: 1.75rem 0 0}.events-toolbar{display: flex;align-items: center;gap: 0.75rem;flex-wrap: wrap;margin-bottom: 1.75rem}.events-search-box{position: relative;flex: 1 1 260px;min-width: 220px}.events-search-box i{position: absolute;left: 1rem;top: 50%;transform: translateY(-50%);color: #97a0aa}.events-search-box input{width: 100%;padding: 0.7rem 1rem 0.7rem 2.4rem;border-radius: 999px;border: 1px solid var(--ev-border);background-color: #fff;font-size: 0.92rem}.events-search-box input:focus{outline: none;border-color: var(--ev-green);box-shadow: 0 0 0 3px var(--ev-green-light)}.category-pills{display: flex;align-items: center;gap: 0.5rem;flex-wrap: wrap}.category-pill{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.5rem 1rem;border-radius: 999px;border: 1px solid var(--ev-border);background-color: #fff;color: var(--ev-navy);font-size: 0.85rem;font-weight: 600;cursor: pointer;transition: all 0.15s ease;white-space: nowrap}.category-pill .pill-dot{width: 8px;height: 8px;border-radius: 50%;flex-shrink: 0}.category-pill:hover{border-color: var(--ev-green)}.category-pill.active{background-color: var(--ev-navy);border-color: var(--ev-navy);color: #fff}.category-pill.active .pill-dot{background-color: #fff !important}.events-content-grid{display: grid;grid-template-columns: minmax(0,2.1fr) minmax(280px,1fr);gap: 2rem;align-items: start;padding-bottom: 3rem}@media (max-width: 991px){.events-content-grid{grid-template-columns: 1fr}}.events-cards-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 1.5rem}@media (max-width: 991px){.events-cards-grid{grid-template-columns: repeat(2,1fr)}}@media (max-width: 650px){.events-cards-grid{grid-template-columns: 1fr}}.event-card-v2{background-color: #fff;border-radius: 14px;overflow: hidden;box-shadow: 0 4px 18px rgba(23,43,30,0.07);display: flex;flex-direction: column;transition: transform 0.15s ease,box-shadow 0.15s ease}.event-card-v2:hover{transform: translateY(-3px);box-shadow: 0 12px 28px rgba(23,43,30,0.12)}.card-image-wrap{position: relative;width: 100%;aspect-ratio: 4 / 3;overflow: hidden;background-color: #eee}.card-image-wrap img{width: 100%;height: 100%;object-fit: cover}.card-corner-badge{position: absolute;top: 0.85rem;left: 0.85rem;padding: 0.3rem 0.75rem;border-radius: 999px;font-size: 0.68rem;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;color: #fff}.card-heart-btn{position: absolute;top: 0.85rem;right: 0.85rem;width: 32px;height: 32px;border-radius: 50%;background-color: rgba(255,255,255,0.9);border: none;display: flex;align-items: center;justify-content: center;color: #97a0aa;cursor: pointer;transition: color 0.15s ease}.card-heart-btn:hover,.card-heart-btn.active{color: #e0455a}.event-card-v2 .card-body{padding: 1.15rem 1.25rem 1.35rem;display: flex;flex-direction: column;flex: 1}.card-category-tag{display: inline-block;align-self: flex-start;padding: 0.22rem 0.7rem;border-radius: 999px;font-size: 0.68rem;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;margin-bottom: 0.6rem}.event-card-v2 h3{font-family: var(--heading-font,"Raleway",sans-serif);font-size: 1.15rem;font-weight: 700;color: var(--ev-navy);margin: 0 0 0.5rem;line-height: 1.3}.event-card-v2 .card-desc{font-size: 0.88rem;color: #6b7280;line-height: 1.55;margin-bottom: 0.9rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.card-meta-list{margin-bottom: 1rem}.card-meta-list div{display: flex;align-items: center;gap: 0.5rem;font-size: 0.83rem;color: #55606b;margin-bottom: 0.35rem}.card-meta-list i{color: var(--ev-green);width: 16px;text-align: center;flex-shrink: 0}.card-learn-more{margin-top: auto;display: inline-flex;align-items: center;gap: 0.4rem;color: var(--ev-green);font-weight: 700;font-size: 0.88rem;text-decoration: none}.card-learn-more:hover{text-decoration: underline;color: var(--ev-green)}.events-sidebar{display: flex;flex-direction: column;gap: 1.5rem}.host-event-card{background: linear-gradient(135deg,var(--ev-purple) 0%,#8654c4 100%);border-radius: 16px;padding: 1.75rem 1.6rem;color: #fff}.host-event-icon{width: 46px;height: 46px;border-radius: 12px;background-color: rgba(255,255,255,0.18);display: flex;align-items: center;justify-content: center;font-size: 1.3rem;margin-bottom: 1rem}.host-event-card h3{font-family: var(--heading-font,"Raleway",sans-serif);font-size: 1.3rem;font-weight: 800;margin: 0 0 0.6rem;line-height: 1.25}.host-event-card p{font-size: 0.9rem;color: rgba(255,255,255,0.85);line-height: 1.55;margin-bottom: 1.4rem}.host-event-btn{display: inline-flex;align-items: center;gap: 0.5rem;background-color: #fff;color: var(--ev-purple);font-weight: 700;font-size: 0.88rem;padding: 0.65rem 1.3rem;border-radius: 999px;text-decoration: none;transition: opacity 0.15s ease}.host-event-btn:hover{opacity: 0.9;color: var(--ev-purple)}.upcoming-events-card{background-color: #fff;border-radius: 16px;box-shadow: 0 4px 18px rgba(23,43,30,0.06);padding: 1.5rem 1.5rem 0.75rem}.upcoming-events-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.75rem}.upcoming-events-header h3{font-family: var(--heading-font,"Raleway",sans-serif);font-size: 1.05rem;font-weight: 700;color: var(--ev-navy);margin: 0}.upcoming-events-header a{font-size: 0.82rem;font-weight: 700;color: var(--ev-green);text-decoration: none}.upcoming-events-header a:hover{text-decoration: underline}.upcoming-event-item{display: flex;gap: 0.85rem;padding: 0.85rem 0;border-bottom: 1px solid var(--ev-border);text-decoration: none;color: inherit}.upcoming-event-item:last-child{border-bottom: none}.upcoming-event-thumb{width: 48px;height: 48px;border-radius: 10px;object-fit: cover;flex-shrink: 0;background-color: #eee}.upcoming-event-info h4{font-size: 0.9rem;font-weight: 700;color: var(--ev-navy);margin: 0 0 0.3rem;line-height: 1.3}.upcoming-event-info div{font-size: 0.78rem;color: #6b7280;display: flex;align-items: center;gap: 0.35rem;margin-bottom: 0.15rem}.upcoming-event-info i{color: var(--ev-green);font-size: 0.75rem}.newsletter-bar{background-color: var(--ev-green-light);border-radius: 16px;padding: 1.5rem 1.75rem;display: flex;align-items: center;justify-content: space-between;gap: 1.5rem;flex-wrap: wrap;margin-bottom: 3rem}.newsletter-bar-left{display: flex;align-items: center;gap: 1rem;flex: 1 1 320px}.newsletter-icon{width: 44px;height: 44px;border-radius: 50%;background-color: var(--ev-green);color: #fff;display: flex;align-items: center;justify-content: center;font-size: 1.1rem;flex-shrink: 0}.newsletter-bar-left h4{font-size: 1.02rem;font-weight: 700;color: var(--ev-navy);margin: 0 0 0.2rem}.newsletter-bar-left p{font-size: 0.85rem;color: #55606b;margin: 0}.newsletter-form{display: flex;gap: 0.6rem;flex: 0 1 420px;min-width: 260px}.newsletter-form input{flex: 1;padding: 0.65rem 1rem;border-radius: 999px;border: 1px solid var(--ev-border);font-size: 0.88rem}.newsletter-form input:focus{outline: none;border-color: var(--ev-green)}.newsletter-form button{padding: 0.65rem 1.4rem;border-radius: 999px;border: none;background-color: var(--ev-navy);color: #fff;font-weight: 700;font-size: 0.88rem;cursor: pointer;white-space: nowrap}.newsletter-form button:hover{opacity: 0.92}@media (max-width: 576px){.events-hero-title{font-size: 2.1rem}.events-hero-inner{flex-direction: column;align-items: flex-start}.events-hero-stats{width: 100%}.hero-stat-card{flex: 1 1 auto}.newsletter-bar{flex-direction: column;align-items: stretch}.newsletter-form{flex-direction: column}}.events-state-message{padding: 2.5rem 1rem;text-align: center;color: #6b7280;grid-column: 1 / -1}.events-state-message i{font-size: 2rem;color: #c7cdd3;margin-bottom: 0.75rem;display: block}