*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}.navbar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 0;box-shadow:0 2px 10px #0000001a}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.5rem;font-weight:700}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-link{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:5px;transition:background-color .3s}.nav-link:hover,.nav-link.active{background-color:#fff3}.main-content{max-width:1200px;margin:0 auto;padding:2rem}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 2rem;border-radius:10px;margin-bottom:2rem;text-align:center}.hero-content h1{font-size:2.5rem;margin-bottom:1rem}.hero-description{font-size:1.2rem;margin-bottom:1.5rem;opacity:.9}.organization-info{margin-top:2rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.organization-info .info-item{background:#ffffff1a;padding:1.5rem;border-radius:10px;text-align:left}.organization-info .info-item h3{color:#fff;margin-bottom:1rem;font-size:1.2rem}.organization-info .info-item p{color:#ffffffe6;line-height:1.6}.contact-info{background:#ffffff1a;padding:1.5rem;border-radius:10px;display:inline-block;text-align:center}.contact-info p{margin-bottom:.5rem}.events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.events-section h2{color:#333;font-size:2rem;margin:0}.event-filters{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;border:2px solid #667eea;background:#fff;color:#667eea;border-radius:25px;cursor:pointer;font-weight:700;transition:all .3s}.filter-btn:hover,.filter-btn.active{background:#667eea;color:#fff}.event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.event-card{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 4px 15px #0000001a;transition:transform .3s,box-shadow .3s;cursor:pointer;position:relative;border-left:4px solid #667eea}.event-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.event-card.past{border-left-color:#6c757d;opacity:.8}.event-card.upcoming{border-left-color:#28a745}.event-status-badge{position:absolute;top:1rem;right:1rem;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:700;text-transform:uppercase}.event-status-badge.upcoming{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.event-status-badge.past{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.event-card h3{color:#667eea;margin-bottom:.5rem;font-size:1.3rem}.event-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.9rem;color:#666}.event-date,.event-location,.event-category,.event-status{background:#f0f0f0;padding:.3rem .8rem;border-radius:15px}.event-description{color:#555;margin-bottom:1rem}.event-link{color:#667eea;text-decoration:none;font-weight:700;display:inline-block;margin-top:1rem}.event-link:hover{text-decoration:underline}.search-section{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem}.search-description{color:#666;margin-bottom:2rem;font-size:1.1rem}.search-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:700;margin-bottom:.5rem;color:#333}.form-group input,.form-group select{padding:.8rem;border:2px solid #e0e0e0;border-radius:5px;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.form-actions{display:flex;gap:1rem;align-items:end}.btn{padding:.8rem 1.5rem;border:none;border-radius:5px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.btn-large{padding:1rem 2rem;font-size:1.1rem}.event-details{background:#fff;border-radius:10px;padding:2rem;box-shadow:0 4px 15px #0000001a}.event-header{border-bottom:2px solid #f0f0f0;padding-bottom:1.5rem;margin-bottom:2rem}.event-header h1{color:#333;font-size:2.5rem;margin-bottom:1rem}.event-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.info-card{background:#f8f9fa;padding:1.5rem;border-radius:10px;border-left:4px solid #667eea}.info-card h3{color:#333;margin-bottom:1rem;font-size:1.3rem}.info-item{margin-bottom:.8rem;display:flex;flex-direction:column;gap:.3rem}.info-item strong{color:#667eea}.ticket-price{font-size:1.5rem;font-weight:700;color:#28a745;margin-bottom:.5rem}.goal-progress{margin-top:1rem}.goal-info{display:flex;justify-content:space-between;margin-bottom:.5rem;font-weight:700}.progress-bar{background:#e0e0e0;height:20px;border-radius:10px;overflow:hidden;margin-bottom:.5rem}.progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;transition:width .5s ease}.progress-percentage{text-align:center;font-weight:700;color:#667eea}.modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;padding:2rem;border-radius:10px;max-width:500px;width:90%;text-align:center;position:relative}.close{position:absolute;top:1rem;right:1.5rem;font-size:2rem;cursor:pointer;color:#999}.close:hover{color:#333}.loading{text-align:center;padding:2rem;font-size:1.2rem;color:#667eea}.error-message{background:#f8d7da;color:#721c24;padding:1rem;border-radius:5px;border:1px solid #f5c6cb;margin:1rem 0}.no-results{text-align:center;padding:2rem;color:#666;font-size:1.1rem}.footer{background:#333;color:#fff;text-align:center;padding:2rem;margin-top:3rem}@media (max-width: 768px){.nav-container{flex-direction:column;gap:1rem}.nav-menu{gap:1rem}.main-content{padding:1rem}.hero-content h1{font-size:2rem}.search-form{grid-template-columns:1fr}.form-actions{flex-direction:column}.event-info-grid{grid-template-columns:1fr}}