:root{--primary-color: #E63946;--primary-hover: #C62835;--text-color: #1A1A1A;--text-light: #666666;--bg-color: #FFFFFF;--bg-alt: #F8F9FA;--dark-bg: #121212;--white: #FFFFFF;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--radius: 8px;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:Outfit,sans-serif;color:var(--text-color);line-height:1.6;background-color:var(--bg-color);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.btn{display:inline-block;padding:12px 28px;border-radius:var(--radius);font-weight:600;cursor:pointer;text-align:center;border:2px solid transparent}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;border-color:var(--text-color);color:var(--text-color)}.btn-outline:hover{background-color:var(--text-color);color:var(--white)}.btn-large{padding:16px 32px;font-size:1.1rem}.btn-full{width:100%}.section{padding:80px 0}.section-title{font-size:2.5rem;margin-bottom:2rem;position:relative;padding-bottom:15px}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background-color:var(--primary-color)}.text-center .section-title:after,.section-title.text-center:after,.insta-header .section-title:after{left:50%;transform:translate(-50%)}.navbar{background-color:var(--white);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000;padding:20px 0;border-bottom:4px solid var(--primary-color)}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo img{height:60px;width:auto}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a:not(.btn){font-weight:500;color:var(--text-color)}.nav-links a:not(.btn):hover{color:var(--primary-color)}.menu-toggle{display:none;background:none;border:none;cursor:pointer}.hero{height:85vh;background:url(./GroupPark-BUPh_Bhy.jpg) no-repeat center center/cover;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--white)}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009}.hero-content{position:relative;z-index:2;max-width:800px;animation:fadeInUp 1s ease-out}.hero-title{font-size:4rem;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-subtitle{font-size:1.5rem;margin-bottom:2.5rem;margin-top:0;font-weight:300}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mission-section{background-color:var(--bg-alt)}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.mission-text .lead{font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-color)}.mission-values{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.value-item{background:var(--white);padding:20px;border-radius:var(--radius);border-left:4px solid var(--primary-color);box-shadow:var(--shadow-sm)}.value-item h3{margin:0;font-size:1.1rem}.mission-image img{border-radius:var(--radius);box-shadow:var(--shadow-lg)}.donation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px;max-width:900px;margin-left:auto;margin-right:auto}.donation-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid #eee;transition:var(--transition)}.donation-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.donation-card.featured{border:2px solid var(--primary-color);position:relative}.donation-card.featured:before{content:"Popular";background:var(--primary-color);color:var(--white);position:absolute;top:0;right:0;padding:5px 15px;font-size:.8rem;border-bottom-left-radius:var(--radius)}.monthly-card{border:2px solid #000}.card-header{background:var(--bg-alt);padding:20px;border-bottom:1px solid #eee;text-align:center}.card-body{padding:30px;text-align:center}.fee-breakdown{margin:20px 0;padding:15px;background:#f9f9f9;border-radius:var(--radius);display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-light)}.donation-amount{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin:20px 0;display:flex;align-items:center;justify-content:center;gap:5px}.donation-amount .currency{font-size:1.5rem}.donation-amount .period{font-size:1rem;color:var(--text-light);font-weight:400}.events-section{padding:60px 0}.events-grid{display:flex;flex-direction:column;gap:60px;max-width:900px;margin:0 auto}.event-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:1.2fr 1fr;transition:var(--transition)}.event-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.event-image{height:100%;min-height:250px;overflow:hidden;position:relative;grid-column:2;grid-row:1}.event-image img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s ease}.event-card:hover .event-image img{transform:scale(1.05)}.event-content{padding:40px;display:flex;flex-direction:column;justify-content:center;position:relative;grid-column:1;grid-row:1}.event-date{position:absolute;top:20px;left:20px;background:var(--primary-color);color:#fff;padding:5px 15px;border-radius:50px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:10;box-shadow:var(--shadow-sm)}.event-content h3{font-size:1.8rem;margin-bottom:1rem;color:var(--text-color)}.event-content p{color:var(--text-light);margin-bottom:20px;line-height:1.7}.text-link{color:var(--primary-color);font-weight:600;font-size:1rem;display:inline-flex;align-items:center;gap:5px}.text-link:hover{color:var(--primary-hover);text-decoration:underline}@media(max-width:768px){.event-card{grid-template-columns:1fr}.event-image{height:250px;min-height:auto;grid-column:auto;grid-row:auto}.event-content{padding:25px;grid-column:auto;grid-row:auto}.event-content h3{font-size:1.5rem}}.insta-section{padding:60px 0;background:#fafafa}.insta-header{display:flex;flex-direction:column;align-items:center;margin-bottom:40px;text-align:center}.insta-social-links{margin-top:10px}.insta-social-links p{margin-bottom:15px;color:var(--text-light);max-width:600px;margin-left:auto;margin-right:auto}.display-flex-center{display:inline-flex;align-items:center;justify-content:center}.gap-10{gap:10px}.insta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.insta-item{aspect-ratio:1;overflow:hidden;position:relative;background:#eee;display:block}.insta-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.insta-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;padding:20px}.insta-info{color:#fff;text-align:center;font-size:.9rem;font-weight:500}.insta-caption{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.insta-item:hover .insta-overlay{opacity:1}.insta-item:hover img{transform:scale(1.05)}@media(max-width:768px){.insta-grid{grid-template-columns:repeat(2,1fr)}}.contact-section{background-color:var(--dark-bg);color:var(--white)}.contact-section .section-title,.contact-section h2,.contact-section h3{color:var(--white)}.contact-form-wrapper h2{margin-top:0}.contact-section .section-title:after{background-color:var(--primary-color)}.contact-section address{font-style:normal}.contact-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:40px;align-items:start}.contact-details-2{display:flex;flex-direction:column;align-items:center}.contact-details-2 img{display:block;max-width:150px;margin-top:20px}@media(max-width:992px){.contact-details-2 img{margin-left:auto;margin-right:auto}.contact-grid{grid-template-columns:1fr;gap:40px;text-align:center}.contact-form-wrapper{order:-1}.hide-mobile{display:none}.contact-details-1,.contact-details-2{display:flex;flex-direction:column;align-items:center}}.form-row{display:flex;gap:20px}.form-row .form-group{flex:1}@media(max-width:768px){.form-row{flex-direction:column;gap:0}}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;text-align:left}.form-group input,.form-group textarea{width:100%;padding:12px;border-radius:var(--radius);border:1px solid #333;background:#222;color:var(--white);font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.site-footer{background-color:#000;color:#888;padding:30px 0;text-align:center;font-size:.9rem}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#000000b3;animation:fadeIn .4s;align-items:center;justify-content:center}.modal.active{display:flex}.modal-content{background-color:var(--white);margin:auto;padding:40px;border-radius:var(--radius);width:90%;max-width:600px;position:relative;box-shadow:0 5px 15px #0000004d;border-top:6px solid var(--primary-color)}.close-modal{color:#aaa;float:right;font-size:28px;font-weight:700;position:absolute;right:20px;top:10px;cursor:pointer}.close-modal:hover,.close-modal:focus{color:#000;text-decoration:none}.modal-body h2{font-size:2rem;margin-bottom:1rem}.modal-cta{margin-top:20px;display:flex;justify-content:center}#paypal-donate-button-container img{border:none!important;box-shadow:none!important;max-width:200px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:992px){.mission-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.hero-title{font-size:3rem}}@media(max-width:768px){.nav-links{display:none;flex-direction:column;gap:15px;position:absolute;top:100%;left:0;width:100%;background:var(--white);padding:20px;box-shadow:0 5px 5px #0000001a}.nav-links .nav-donate{display:none}.nav-links.active{display:flex}.menu-toggle{display:block;font-size:1.5rem}.insta-grid{grid-template-columns:repeat(2,1fr)}}.page-header{background-color:var(--bg-alt);padding:30px 0 10px;margin-bottom:20px}.page-header .section-title{margin-bottom:1rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.gallery-item{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);height:300px}.gallery-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.05)}@media(min-width:769px){.nav-container{justify-content:center;position:relative}.logo{position:absolute;left:20px;top:50%;transform:translateY(-50%)}.nav-links li:last-child{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.mobile-donate{display:none}.nav-donate{padding:8px 16px;font-size:.9rem}}.mobile-donate{display:none}@media(max-width:768px){.nav-container{position:relative}.mobile-donate{display:inline-block;padding:8px 16px;font-size:.9rem;position:absolute;left:50%;transform:translate(-50%)}.mobile-donate:hover{transform:translate(-50%) translateY(-2px)}}.lightbox{display:none;position:fixed;z-index:2001;padding-top:50px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000e6}.lightbox.active{display:block}.lightbox-content{margin:auto;display:block;width:80%;max-width:900px;max-height:80vh;object-fit:contain;animation:zoomIn .3s}@keyframes zoomIn{0%{transform:scale(0)}to{transform:scale(1)}}.lightbox-close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s;cursor:pointer}.lightbox-close:hover,.lightbox-close:focus{color:var(--primary-color);text-decoration:none;cursor:pointer}#lightboxCaption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px;font-size:1.2rem}