body{font-family:Manrope,sans-serif;margin:0;padding:0;background-color:#f9f9f9;color:#333;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:90%;max-width:1200px;margin:40px auto;padding:0 20px}.header-container{text-align:center;margin-bottom:40px}.header h1{margin:0;font-size:2rem;font-weight:700;color:#1e88e5}.controls-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.search-input{display:flex;border-radius:8px;overflow:hidden;border:1px solid #ddd;background-color:#fff;box-shadow:0 1px 3px #0000000d;margin-right:10px;flex:1;max-width:600px}.search-input input[type=text]{padding:12px 16px;border:none;font-size:1rem;color:#333;outline:none;flex-grow:1}.search-input button{padding:12px 20px;background-color:#1e88e5;color:#fff;border:none;cursor:pointer;font-size:1rem;transition:background-color .2s ease-in-out}.search-input button:hover{background-color:#1565c0}.filter-popup-button{background-color:#fff;color:#555;border:1px solid #ddd;border-radius:8px;padding:12px 20px;font-size:1rem;cursor:pointer;transition:border-color .2s ease-in-out;display:flex;align-items:center}.filter-popup-button:hover{border-color:#bbb}.filter-popup-button i{margin-right:8px}.filter-popup-button.filters-applied{background-color:#e8f0fe;border-color:#1e88e5;color:#1e88e5}.filter-popup-button.filters-applied:after{content:"";width:8px;height:8px;background-color:#1e88e5;border-radius:50%;margin-left:8px}.filter-panel{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:20px;margin-top:10px;display:flex;flex-direction:column;gap:15px}.filter-panel label{font-weight:600;color:#333}.filter-panel input[type=range]{width:100%}.filter-panel input[type=date]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}.filter-panel button{background-color:#1e88e5;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:1rem;cursor:pointer;transition:background-color .2s ease-in-out}.filter-panel button:hover{background-color:#1565c0}.events-grid{display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.event-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:transform .2s ease-in-out}.event-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.event-card img{width:100%;height:220px;object-fit:cover;border-bottom:1px solid #eee}.event-details{padding:20px}.event-details h3{margin:0 0 10px;font-size:1.2rem;font-weight:600;color:#222}.event-meta{display:flex;align-items:center;margin-bottom:15px;color:#777;font-size:.9rem}.event-meta span{display:flex;align-items:center;margin-right:20px}.event-meta i{margin-right:5px;font-size:.8rem}.event-description{font-size:.95rem;color:#555;margin-bottom:15px}.event-tags{display:flex;flex-wrap:wrap;gap:8px}.event-tags span{background-color:#e8f0fe;color:#1e88e5;padding:6px 12px;border-radius:6px;font-size:.8rem}.event-distance{font-size:.9rem;color:#777;margin-top:10px}@media (max-width: 768px){.container{width:95%;padding:0 10px}.controls-container{flex-direction:column;align-items:stretch}.search-input{margin-right:0;margin-bottom:15px;max-width:none}.filter-popup-button{width:100%}.events-grid{grid-template-columns:1fr}}