*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2c5530;--secondary-color: #ff6b35;--accent-color: #ffd23f;--text-dark: #1a1a1a;--text-light: #666;--text-white: #ffffff;--background-light: #f8f9fa;--background-white: #ffffff;--border-color: #e9ecef;--shadow-light: 0 2px 10px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 20px rgba(0, 0, 0, .15);--gradient-primary: linear-gradient(135deg, var(--primary-color), #1e3a23);--gradient-secondary: linear-gradient(135deg, var(--secondary-color), #e55a2b)}body{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--text-dark);background-color:var(--background-white)}
.container{max-width:1200px;margin:0 auto;padding:0 2rem}
.header{background:var(--background-white);box-shadow:var(--shadow-light);position:sticky;top:0;z-index:1000}
.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;height:70px}
.logo h2{color:var(--primary-color);font-weight:700;font-size:1.8rem}
.logo img {
                height: 7rem;
    		margin-left: 1.5rem;
    		margin-top: 4rem;

        }
.nav-menu{display:flex;list-style:none;gap:2rem}.nav-link{text-decoration:none;color:var(--text-dark);font-weight:500;transition:color .3s ease;position:relative}.nav-link:hover{color:var(--primary-color)}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--secondary-color);transition:width .3s ease}.nav-link:hover:after{width:100%}.mobile-menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;gap:.25rem}.mobile-menu-toggle span{width:25px;height:3px;background:var(--primary-color);transition:all .3s ease;border-radius:2px}
.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}
.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.hero{background:var(--gradient-primary);color:var(--text-white);padding:6rem 2rem;text-align:center;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}
.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1}
.hero-title{font-size:2.9rem;font-weight:700;margin-bottom:1rem;line-height:1.1}
.hero-subtitle{font-size:1.5rem;font-weight:300;margin-bottom:2rem;color:var(--accent-color)}
.hero-details{margin-bottom:3rem}.event-date{font-size:1.3rem;font-weight:600;margin-bottom:.5rem}
.event-location{font-size:1.2rem;font-weight:400;opacity:.9}
.construction-notice{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border-radius:1rem;border:1px solid rgba(255,255,255,.2)}
.construction-icon{font-size:6rem;margin-bottom:1rem}
.construction-notice p{font-size:1.2rem;font-weight:500}
.social-section{padding:5rem 0;background:var(--background-light)}
.social-section h2{text-align:center;font-size:2.5rem;color:var(--primary-color);margin-bottom:3rem;font-weight:600}.social-links{display:flex;justify-content:center;gap:2rem}
.social-link{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;background:var(--background-white);border-radius:1rem;text-decoration:none;color:var(--text-dark);box-shadow:var(--shadow-light);transition:all .3s ease;font-weight:500}.social-link:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium)}.social-link.facebook:hover{background:#1877f2;color:#fff}
.social-icon{font-size:2rem}
.contact-section{padding:3rem 0;background:var(--background-white)}
.contact-section h2{text-align:center;font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem;font-weight:600}
.contact-intro{text-align:center;font-size:1.0rem;color:var(--text-light);margin-bottom:1rem}
.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:800px;margin:0 auto}
.contact-item{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:var(--background-light);border-radius:1rem;transition:all .3s ease}
.contact-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-light)}.contact-icon{font-size:2.5rem;color:var(--secondary-color)}
.contact-label{font-size:.9rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}
.contact-value{font-size:1.0rem;font-weight:500;color:var(--text-dark);text-decoration:none}
.contact-value:hover{color:var(--primary-color)}.footer{background:var(--primary-color);color:var(--text-white);padding:2rem 0;text-align:center}
.footer p{font-size:.9rem;opacity:.9}@media (max-width: 768px){.mobile-menu-toggle{display:flex}.nav-menu{position:fixed;top:70px;left:0;width:100%;background:var(--background-white);flex-direction:column;padding:2rem;box-shadow:var(--shadow-medium);transform:translate(-100%);transition:transform .3s ease;gap:1.5rem}.nav-menu.active{transform:translate(0)}.nav-menu li{text-align:center}.nav-link{font-size:1.1rem;padding:.5rem 0;display:block}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero{padding:4rem 1rem}.social-section h2,.contact-section h2{font-size:2rem}.contact-info{grid-template-columns:1fr}.social-links{flex-direction:column;align-items:center}.container{padding:0 1rem}}@media (max-width: 480px){.nav-container{padding:0 1rem}.nav-menu{font-size:.9rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.event-date{font-size:1.1rem}.event-location{font-size:1rem}.construction-notice{padding:1.5rem}.construction-notice p{font-size:1rem}}html{scroll-behavior:smooth}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-content>*{animation:fadeIn .8s ease-out}.hero-title{animation-delay:.1s}.hero-subtitle{animation-delay:.2s}.hero-details{animation-delay:.3s}.construction-notice{animation-delay:.4s}