*{margin:0;padding:0;box-sizing:border-box}body{background-image:url(/images/background.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;font-family:Arial,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}.container{max-width:1200px;margin:0 auto;padding:100px 20px 20px}.container-white{color:#fff}.navbar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 0;box-shadow:0 2px 10px #0000001a;position:fixed;top:0;left:0;right:0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.nav-title{font-size:1.7rem}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-menu a{color:#fff;text-decoration:none;transition:opacity .3s;font-size:1.2rem;background-color:#fff3;padding:8px 12px;border-radius:5px;margin:0 5px}.nav-menu a:hover{opacity:.5;background-color:#ffffff4d}.hero{text-align:center;padding:4rem 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;margin-bottom:2rem}.hero h2{font-size:2.5rem;margin-bottom:1rem}.event-grid{display:grid;grid-template-columns:repeat(auto-fill,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}.event-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.event-card h3{color:#667eea;margin-bottom:.5rem}.event-card a{color:inherit;text-decoration:none}.event-card a:hover{color:#764ba2}.search-form{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700}.form-group input,.form-group select{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:5px;font-size:1rem}.form-buttons{display:flex;gap:1rem;margin-top:1.5rem}.form-buttons button{padding:.75rem 1.5rem;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s}.form-buttons button[type=submit]{background:#667eea;color:#fff}.form-buttons button[type=submit]:hover{background:#764ba2}.form-buttons button[type=button]{background:#6c757d;color:#fff}.form-buttons button[type=button]:hover{background:#545b62}.placeholder-text{text-align:center;color:#6c757d;font-style:italic;padding:2rem}@media (max-width: 768px){.nav-container{flex-direction:column;gap:1rem}.event-grid{grid-template-columns:1fr}.form-buttons{flex-direction:column}}.error-message{background:#f8d7da;color:#721c24;padding:1rem;border-radius:5px;border:1px solid #f5c6cb;text-align:center}.success-message{background:#d7f8d8;color:#1f721c;padding:1rem;border-radius:5px;border:1px solid #cbf5c6;text-align:center}.loading{text-align:center;padding:2rem;color:#6c757d}.view-details-btn{font-weight:700;display:inline-block;background:#667eea;color:#fff!important;padding:.5rem 1rem;border-radius:5px;text-decoration:none;margin-top:1rem;transition:background-color .3s}.view-details-btn:hover{background:#764ba2}.event-detail-card{background:#fff;border-radius:10px;padding:2rem;box-shadow:0 4px 15px #0000001a}.event-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:2rem 0;padding:1.5rem;background:#f8f9fa;border-radius:8px}.info-item{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e9ecef}.info-item:last-child{border-bottom:none}.event-description{margin:2rem 0;padding:1.5rem;background:#f8f9fa;border-radius:8px}.event-description h3{color:#667eea;margin-bottom:1rem}.fundraising-progress{margin:2rem 0;padding:1.5rem;background:#f8f9fa;border-radius:8px}.fundraising-progress h3{color:#667eea;margin-bottom:1rem}.progress-bar{width:100%;height:20px;background:#e9ecef;border-radius:10px;overflow:hidden;margin:1rem 0}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .5s ease}.progress-text{text-align:center;font-weight:700;color:#495057}.register-button{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1.2rem;cursor:pointer;transition:transform .3s;margin-top:2rem}.register-button:hover{transform:translateY(-2px)}.modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal-content{background-color:#fff;margin:15% auto;padding:2rem;border-radius:10px;width:80%;max-width:500px;text-align:center;position:relative}.close{position:absolute;right:1rem;top:.5rem;font-size:2rem;cursor:pointer;color:#aaa}.close:hover{color:#000}.table{width:100%;border-collapse:collapse;margin-top:.5rem}.table th,.table td{border:1px solid #ccc;padding:8px 10px;text-align:left}.table th{background-color:#f5f5f5}