:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;overflow-x:hidden}.landing-page{min-height:100vh;width:100%}.navbar{position:fixed;top:0;left:0;width:100%;background:#0c0c0cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #1616161a;z-index:1000;transition:all .3s ease}.nav-container{width:100%;max-width:none;margin:0;padding:0 5%;display:flex;justify-content:space-between;align-items:center;height:70px}.logo-text{font-size:24px;font-weight:700;color:#f7f305}.nav-menu{display:flex;list-style:none;gap:30px}.nav-link{text-decoration:none;color:#f7f5f5;font-weight:500;font-size:16px;padding:10px 0;transition:color .3s ease;position:relative}.cta-button{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease}.hero-section{height:100vh;width:100vw;overflow:hidden}.slider-container{width:100%;height:100%;position:absolute}.hero-background{width:100%;height:100%;position:relative;background-attachment:fixed;transition:background-image 1s ease-in-out}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0c0c0ccc,#0d0d0e99,#0006)}.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:10;width:90%;max-width:1200px;padding:0 20px}.hero-title{width:100%;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;margin-bottom:20px;line-height:1;text-shadow:2px 2px 4px rgba(0,0,0,.5);animation:fadeInUp 1s ease-out}.highlight{color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.hero-subtitle{font-size:clamp(1.2rem,3vw,2rem);font-weight:300;margin-bottom:40px;opacity:.95;animation:fadeInUp 1s ease-out .3s both;width:100%}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease-out .6s both;width:100%}.btn-primary,.btn-secondary{padding:15px 30px;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;min-width:180px}.btn-primary{background:linear-gradient(135deg,gold,#ffb347);color:#333}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px #ffd70066}.btn-secondary{background:transparent;color:#fff;border:2px solid white}.btn-secondary:hover{background:#fff;color:#333;transform:translateY(-3px)}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;color:#fff;border:none;width:60px;height:60px;border-radius:50%;font-size:24px;cursor:pointer;transition:all .3s ease;z-index:10}.slider-arrow:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.slider-arrow-left{left:2%}.slider-arrow-right{right:2%}.slide-indicators{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.indicator{width:12px;height:12px;border-radius:50%;border:2px solid white;background:transparent;cursor:pointer;transition:all .3s ease}.indicator.active{background:#fff;transform:scale(1.2)}.scroll-indicator{position:absolute;bottom:20px;right:2%;display:flex;flex-direction:column;align-items:center;color:#fff;font-size:14px;z-index:10}.scroll-arrow{width:2px;height:30px;background:#fff;margin-bottom:10px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.quick-info{padding:80px 5%;background:#f8f9fa;width:100%}.info-container{width:100%;max-width:none;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}.info-card{text-align:center;padding:40px 20px;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease;width:100%}.info-card:hover{transform:translateY(-10px)}.info-icon{font-size:3rem;margin-bottom:20px}.info-card h3{font-size:1.5rem;margin-bottom:15px;color:#333}.info-card p{color:#666;line-height:1.6}@media screen and (max-width: 1024px){.nav-container{padding:0 3%}.hero-content{width:95%}.info-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}}@media screen and (max-width: 768px){.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background:#fffffffa;width:100%;text-align:center;transition:.3s;padding:20px 0;gap:0}.nav-menu.active{left:0}.nav-item{margin:15px 0}.nav-toggle{display:flex}.nav-toggle.active .bar:nth-child(2){opacity:0}.nav-toggle.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-toggle.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-container{padding:0 4%}.hero-content{width:95%;padding:0 15px}.hero-buttons{flex-direction:column;align-items:center;width:100%}.btn-primary,.btn-secondary{width:100%;max-width:280px}.slider-arrow{width:50px;height:50px;font-size:20px}.slider-arrow-left{left:3%}.slider-arrow-right,.scroll-indicator{right:3%}.quick-info{padding:60px 4%}.info-container{grid-template-columns:1fr;gap:25px}}@media screen and (max-width: 480px){.nav-container{padding:0 3%}.hero-content{width:100%;padding:0 10px}.slider-arrow-left{left:5%}.slider-arrow-right,.scroll-indicator{right:5%}.quick-info{padding:50px 3%}}.about-section{padding:20px 0;background:#e0e0df}.about-section .section-header h1{color:#333;text-align:center}.section-image{width:200px;height:200px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 20px}.about-content{max-width:800px;margin:0 auto;text-align:center}.about-content p{font-size:1.1rem;line-height:1.8;color:#666;margin-bottom:30px}.goals-section{padding:30px 0;background:linear-gradient(135deg,#2288db,#142ec0);color:#fff}.goals-section .section-header h1{color:#fff;text-align:center;padding:20px 0}.goals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.goal-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px 30px;border-radius:15px;text-align:center;transition:transform .3s ease}.goal-card:hover{transform:translateY(-5px)}.goal-icon{font-size:3rem;margin-bottom:20px}.goal-card h3{font-size:1.5rem;margin-bottom:15px;color:gold}.goal-card p{line-height:1.6;opacity:.9}.members-section{padding:50px 0;background:#959596;text-align:center;color:#0244be}.members-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,.1fr));gap:20px;padding:0 50px}.member-card{background:#f7f7f8;padding:50px 0;border-radius:20px;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease;text-align:center}.member-card img{width:200px;height:200px;border-radius:50%;margin-bottom:20px}.member-card:hover{transform:translateY(-5px)}.member-info h3{font-size:1.5rem;color:#333;margin-bottom:10px}.member-info h4{color:#04f;font-size:1.2rem;margin-bottom:20px;font-weight:600}.member-info p{color:#666;line-height:1.6}.join-section{text-align:center;padding:50px 30px;background:linear-gradient(135deg,#2c3e50,#4a6741);color:#fff}.join-section .section-header h2{color:#fff}.join-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.join-text p{font-size:1.1rem;line-height:1.8;margin-bottom:25px;opacity:.9}.join-form{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border-radius:15px}.join-form h3{font-size:1.8rem;margin-bottom:20px;color:gold}.join-form p{margin-bottom:30px;opacity:.9}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:8px;font-weight:600;color:gold}.form-group input{padding:12px;border:none;border-radius:8px;font-size:16px;background:#ffffffe6;color:#333}.submit-btn{background:linear-gradient(135deg,gold,#ffb347);color:#333;border:none;padding:15px 30px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.footer{background:#1a1a1a;color:#fff;padding:40px 0;text-align:center}.footer-content{display:flex;flex-direction:column;gap:20px}.footer-links{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.footer-links a{color:gold;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#fff}.footer-info p{color:#ccc;margin:5px 0}@media (max-width: 1024px){.nav-container{padding:0 3%}.hero-content{width:95%}.info-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}}@media (max-width: 768px){.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background:#0c0c0cfa;width:100%;text-align:center;transition:.3s;padding:20px 0;gap:0}.nav-menu.active{left:0}.nav-item{margin:15px 0}.nav-toggle{display:flex}.nav-toggle.active .bar:nth-child(2){opacity:0}.nav-toggle.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-toggle.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hero-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:280px}.join-content{grid-template-columns:1fr;gap:40px}.goals-grid,.members-grid{grid-template-columns:1fr}.info-container{grid-template-columns:1fr;gap:30px}.section-header h2{font-size:2.5rem}.slider-arrow{width:50px;height:50px;font-size:20px}.slider-arrow-left{left:3%}.slider-arrow-right,.scroll-indicator{right:3%}.quick-info{padding:60px 4%}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.2rem}.section-header h2{font-size:2rem}.container,.nav-container{padding:0 15px}.slider-arrow-left{left:5%}.slider-arrow-right,.scroll-indicator{right:5%}.quick-info{padding:50px 3%}.landing-page{font-family:Arial,sans-serif}.gallery-section{padding:60px 20px;background-color:#f8f8f8;text-align:center}@media (max-width: 768px){.gallery-section{padding:40px 15px}}}.fullscreen-gallery{width:100%;height:100vh;position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;flex-direction:column;overflow:hidden}.gallery-header{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:30px 50px;background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 50%,transparent 100%)}.gallery-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;background:linear-gradient(135deg,#fff,#f0f9ff,#e0f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.gallery-counter{color:#fff;font-size:1.2rem;font-weight:600;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 24px;border-radius:25px;border:1px solid rgba(255,255,255,.2)}.image-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.gallery-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:all .8s cubic-bezier(.4,0,.2,1);animation:fadeInScale .8s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:70px;height:70px;border:none;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:32px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:15;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.2)}.nav-arrow:hover{background:#ffffff40;transform:translateY(-50%) scale(1.1);border-color:#fff6}.nav-arrow-left{left:40px}.nav-arrow-right{right:40px}.auto-slide-btn{position:absolute;top:30px;right:30px;width:60px;height:60px;border:none;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:20px;cursor:pointer;transition:all .3s ease;z-index:15;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.2)}.auto-slide-btn:hover{background:#ffffff40;transform:scale(1.1)}.auto-slide-btn.playing{background:#10b981cc;border-color:#10b98199}.auto-slide-btn.paused{background:#ef4444cc;border-color:#ef444499}.thumbnail-strip{position:absolute;bottom:80px;left:50%;transform:translate(-50%);display:flex;gap:12px;padding:20px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;z-index:10;max-width:90vw;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.thumbnail-strip::-webkit-scrollbar{display:none}.thumbnail{width:60px;height:40px;border:none;border-radius:8px;background-size:cover;background-position:center;cursor:pointer;transition:all .3s ease;opacity:.6;position:relative;flex-shrink:0}.thumbnail:hover{opacity:.9;transform:scale(1.1)}.thumbnail.active{opacity:1;transform:scale(1.15);border:3px solid #3b82f6;box-shadow:0 0 0 2px #3b82f64d}.progress-container{position:absolute;bottom:0;left:0;right:0;height:6px;background:#0000004d;z-index:10}.progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);transition:width .3s ease;border-radius:0 3px 3px 0}@media (max-width: 768px){.gallery-header{padding:20px;flex-direction:column;gap:15px;background:linear-gradient(180deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.6) 70%,transparent 100%)}.gallery-title{font-size:2rem;text-align:center}.gallery-counter{font-size:1rem;padding:8px 16px}.nav-arrow{width:50px;height:50px;font-size:24px}.nav-arrow-left{left:20px}.nav-arrow-right{right:20px}.auto-slide-btn{top:20px;right:20px;width:45px;height:45px;font-size:16px}.thumbnail-strip{bottom:60px;padding:15px;gap:8px}.thumbnail{width:50px;height:35px}.progress-container{height:4px}}@media (max-width: 480px){.gallery-header{padding:15px}.gallery-title{font-size:1.8rem}.gallery-counter{font-size:.9rem;padding:6px 12px}.nav-arrow{width:45px;height:45px;font-size:20px}.nav-arrow-left{left:15px}.nav-arrow-right{right:15px}.auto-slide-btn{top:15px;right:15px;width:40px;height:40px;font-size:14px}.thumbnail-strip{bottom:40px;padding:10px;gap:6px}.thumbnail{width:45px;height:30px}}@media (prefers-contrast: high){.gallery-header{background:#000000f2}.gallery-title{-webkit-text-fill-color:#ffffff;background:none;color:#fff}.nav-arrow,.auto-slide-btn{background:#ffffffe6;color:#000;border-color:#fff}.thumbnail-strip{background:#000000e6}}@media (prefers-reduced-motion: reduce){.gallery-image,.nav-arrow,.auto-slide-btn,.thumbnail,.progress-bar{animation:none;transition:none}.nav-arrow:hover,.auto-slide-btn:hover,.thumbnail:hover{transform:none}.gallery-image{animation:none}}.nav-arrow:focus,.auto-slide-btn:focus,.thumbnail:focus{outline:3px solid #3b82f6;outline-offset:2px}.gallery-image[src=""]{background:linear-gradient(90deg,#374151 25%,#4b5563,#374151 75%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.welcome-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:80px 20px 60px;text-align:center;color:#fff;position:relative}.welcome-content{max-width:100%;margin:0;position:relative;z-index:2}.welcome-title{font-size:3.5rem;font-weight:700;margin-bottom:20px;line-height:1.2;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:fadeInUp 1s ease-out}.welcome-subtitle{font-size:1.5rem;font-weight:300;margin-bottom:10px;opacity:.95;animation:fadeInUp 1s ease-out .3s both}.blog-container{max-width:160%;margin:0;padding:60px 20px}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.blog-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 15px #00000014;transition:transform .3s ease,box-shadow .3s ease}.blog-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px #0000001f}.blog-image{width:100%;height:220px;object-fit:cover}.blog-content{padding:20px}.blog-title{font-size:1.5rem;font-weight:600;margin-bottom:8px;color:#333}.blog-date{font-size:.9rem;color:#777;margin-bottom:12px}.blog-excerpt{font-size:1rem;color:#555;margin-bottom:15px}.read-more{background:#667eea;color:#fff;border:none;padding:10px 18px;border-radius:6px;font-size:.95rem;cursor:pointer;transition:background .3s ease}.read-more:hover{background:#5563d6}@keyframes fadeInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.navbar{position:fixed;top:0;left:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000001a;z-index:1000;transition:all .3s ease}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-logo{display:flex;align-items:center;cursor:pointer}.logo-img{width:40px;height:40px;margin-right:10px;border-radius:50%;object-fit:cover}.logo-text{font-size:24px;font-weight:700;color:#333;text-decoration:none}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:30px}.nav-item{position:relative}.nav-link{text-decoration:none;color:#333;font-weight:500;font-size:16px;padding:10px 0;transition:color .3s ease;position:relative}.nav-link:hover{color:#007bff}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,#007bff,#0056b3);transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-cta{display:flex;align-items:center}.cta-button{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #007bff4d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #007bff66}.nav-toggle{display:none;flex-direction:column;cursor:pointer;padding:5px}.bar{width:25px;height:3px;background:#333;margin:3px 0;transition:.3s;border-radius:2px}@media screen and (max-width: 768px){.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px #0000000d;padding:20px 0;gap:0}.nav-menu.active{left:0}.nav-item{margin:15px 0}.nav-link{font-size:18px;padding:15px 0;display:block}.nav-toggle{display:flex}.nav-toggle.active .bar:nth-child(2){opacity:0}.nav-toggle.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-toggle.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-cta{order:-1;margin-right:15px}.cta-button{padding:8px 16px;font-size:14px}.logo-text{font-size:20px}.logo-img{width:35px;height:35px}}@media screen and (max-width: 480px){.nav-container{padding:0 15px}.logo-text{font-size:18px}.nav-menu{top:60px}.nav-container{height:60px}}.navbar.scrolled{background:#fffffffa;box-shadow:0 2px 30px #00000026}@media (prefers-color-scheme: dark){.navbar{background:#1e1e1ef2}.nav-link,.logo-text{color:#fff}.bar{background:#fff}.nav-menu{background:#1e1e1efa}}