*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:clip}.landing-page #header-placeholder{min-height:0}body.landing-page{background:#69b6eb;font-family:"Poppins",sans-serif;color:#1e376c;overflow-x:clip;position:relative}.hero-section{position:relative;min-height:50vh;display:flex;align-items:center;justify-content:center;height:1200px;padding:120px 60px 80px;margin:0;background:url(../assets/landing-page/backgrounds/Hero-Section.webp)no-repeat center center;background-size:cover;background-attachment:scroll;overflow:hidden;image-rendering:-webkit-optimize-contrast;-webkit-font-smoothing:antialiased}.hero-section::before{content:"";position:absolute;inset:0;background:0 0;z-index:0;pointer-events:none}.hero-content-wrapper{position:relative;z-index:2;max-width:1150px;width:100%;text-align:center;padding:40px 50px 15px;margin-left:40px;background:rgba(255,255,255,.02);backdrop-filter:blur(2px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);border:1px solid rgba(255,255,255,.35);border-radius:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 24px rgba(0,0,0,.01);transform:translateY(-110px)}.hero-description,.hero-title{font-family:"Poppins",sans-serif;text-align:center}.hero-title{font-style:normal;font-weight:800;font-size:52px;line-height:1.2;margin-bottom:15px;max-width:888px;margin-left:auto;margin-right:auto}.hero-description{font-size:27px;line-height:1.5;color:#00075d;margin:0 auto 25px;font-weight:400;max-width:1100px}.hero-description .highlight{color:#ffb701;font-weight:600}.hero-buttons{display:flex;gap:25px;justify-content:center;flex-wrap:wrap}.btn-about,.btn-join{padding:0;border:0;border-radius:30px;font-family:"Poppins",sans-serif;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s ease;width:280px;height:50px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn-about{background:linear-gradient(92.22deg,#83b5f9 -5.2%,#fff 97.33%);color:#4363a6}.btn-about:hover,.btn-join:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(67,99,166,.3)}.btn-join{background:linear-gradient(90deg,#f2af00 0,rgba(244,244,244,.8) 100%);color:#904a17}.btn-join:hover{box-shadow:0 6px 20px rgba(242,175,0,.3)}.who-are-we-section{position:relative;padding:80px 60px 120px;background:0 0;overflow:hidden}.who-are-we-section>*{max-width:1600px;width:100%;margin-left:auto;margin-right:auto;position:relative;z-index:1}.section-subtitle .highlight,.section-title{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.section-subtitle,.section-title{padding-left:40px;font-family:"Poppins",sans-serif;text-align:left}.section-title{font-size:96px;background-image:linear-gradient(to bottom,#4363a6 0,#1c3466 100%);margin:0 0 15px;line-height:1.1}.section-subtitle{font-size:24px;line-height:1.33;color:#1e376c;margin:0 0-10px;max-width:950px}.section-subtitle .highlight{background-image:linear-gradient(90deg,#ff6f08 0,#ffb701 100%)}.who-are-we-section>div:last-of-type{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;max-width:1600px;margin:0;position:relative}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;padding:40px;max-width:950px;flex-shrink:0;z-index:2}.about-card{position:relative;padding:22px;border-radius:.1px;min-height:250px}.card-icon{display:none}.about-card::before,.about-card:hover::after,.content-card:hover::after{content:"";position:absolute;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.about-card:hover::after,.content-card:hover::after{inset:-2px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.05));padding:2px;z-index:1;filter:drop-shadow(0 0 8px rgba(255,255,255,.65)) drop-shadow(0 0 22px rgba(255,255,255,.4)) drop-shadow(0 0 45px rgba(255,255,255,.2))}.about-card::before{inset:0;border-radius:20px;padding:3px;background:linear-gradient(135deg,#3a6fff 0,#6aa0ff 25%,#e8c078 75%,#dba070 100%)}.about-card-inner{background:rgba(237,244,255,.35);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1.5px solid #fff;border-radius:10px;padding:40px 20px;text-align:center;height:100%}.about-card-inner h3,.content-card-inner h3{font-family:"Poppins",sans-serif;font-size:28px;color:#1e376c;margin-bottom:20px}.about-card-inner h3{font-weight:800;text-transform:uppercase;letter-spacing:1px;text-align:center;transform:translateY(-10px)}.about-card-inner p{font-weight:500;text-align:center}.mascot-container{flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;transform:translateX(70px);margin-top:40px;width:630px;height:620px}.mascot-container::before{content:"";position:absolute;width:80%;height:80%;background:orange;border-radius:50%;border:8px solid #1e376c;z-index:0;top:43%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px rgba(255,165,0,.3)}.mascot-image{max-width:100%;max-height:100%;width:auto;height:auto;position:relative;z-index:2;object-fit:contain;transform:translateX(46px) scale(1.4)}.what-we-do-section{position:relative;padding:100px 0 250px;background:url(../assets/landing-page/backgrounds/What-We-Do-Background.webp)center center/cover no-repeat;min-height:1500px;width:100%;margin:0}.cloud-card-wwd-upper,.cloud-fueling-btm-1,.cloud-fueling-btm-2,.cloud-fueling-btm-3,.cloud-fueling-btm-4,.cloud-fueling-btm-5,.cloud-fueling-btm-6,.cloud-offer-btm-right,.cloud-offer-top-left{display:none}.cloud-img{position:absolute;pointer-events:none;z-index:5;opacity:.6;object-fit:contain}.cloud-what-we-do-up{top:50px;left:1%;width:400px;z-index:0;opacity:5}.cloud-what-we-do-down{top:330px;left:27%;width:400px;z-index:2;opacity:1}.cloud-fueling-up{top:35%;left:55%;z-index:3;width:300px;opacity:1}.cloud-fueling-down-1{top:58%;left:12%;width:320px;z-index:5;opacity:1}.cloud-fueling-down-2{top:55%;right:26%;width:300px;z-index:3;opacity:1}.cloud-offer-up{bottom:435px;right:15%;opacity:1;z-index:0;width:500px}.cloud-offer-down,.cloud-offer-fueling{bottom:80px;right:0;width:350px;opacity:5}.cloud-offer-fueling{bottom:410px;right:27%;z-index:5}.content-card{position:absolute;padding:20px;border-radius:20px;z-index:2;background:rgba(255,255,255,.08);backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%)}.content-card::before,.event-card::after{content:"";position:absolute;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.content-card::before{inset:0;border-radius:20px;padding:3px;background:linear-gradient(135deg,#3a6fff 0,#6aa0ff 25%,#e8c078 75%,#dba070 100%)}.content-card-inner{background:rgba(237,244,255,.35);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:14px;padding:40px 35px;text-align:center;height:100%;border:1.5px solid #fff}.what-we-do-card{top:100px;left:5%;width:700px;min-height:100px}.fueling-tomorrow-card{top:50%;left:50%;transform:translate(-65%,-50%);width:1000px;min-height:100px}.what-we-offer-card{bottom:80px;right:5%;width:700px;min-height:100px}.desktop-text{display:block}.mobile-text{display:none}.content-card-inner h3{font-weight:700;letter-spacing:-.56px}.about-card-inner p,.content-card-inner p,.content-card-inner ul{font-family:"Poppins",sans-serif;font-size:16px;line-height:1.6;color:#1e376c}.content-card-inner ul{list-style-position:inside;margin-top:15px;padding-left:0}.content-card ul li{margin-bottom:8px;list-style-type:disc}.events-sponsors-bg{background:url(../assets/landing-page/backgrounds/Events-and-Sponsors-Background.webp)center/cover no-repeat;padding-top:150px}.events-section{position:relative;padding:60px 80px 100px;background:linear-gradient(-6.46deg,rgba(251,181,21,.95) 9.602%,rgba(253,221,1,.95) 90.405%);border-radius:38px;max-width:1400px;margin:0 auto;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);overflow:hidden}.events-subtitle,.events-title{font-family:"Poppins",sans-serif;font-weight:800;text-align:center}.events-title{font-size:78px;background:linear-gradient(to bottom,#4363a6 0,#1c3466 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px}.events-subtitle{font-size:22px;line-height:1.4;color:#1e376c;max-width:1100px;margin:0 auto 50px}.events-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto}.event-card{position:relative;border-radius:20px;background:0 0;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;aspect-ratio:1}.event-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.15);background:linear-gradient(135deg,#2a5fff 0,#4a8aff 25%,#f0b84a 75%,#e88a40 100%)}.event-card::after{inset:-2px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.05));padding:2px;z-index:1;filter:drop-shadow(0 0 8px rgba(255,255,255,.65)) drop-shadow(0 0 22px rgba(255,255,255,.4)) drop-shadow(0 0 45px rgba(255,255,255,.2));opacity:0;transition:opacity .3s ease}.event-card:hover::after,.partner-item:hover::after,.partner-item:hover::before{opacity:1}.event-card-inner{position:relative;width:100%;height:100%;border-radius:17px;overflow:hidden}.event-content,.event-image{position:absolute;inset:3px;border-radius:17px}.event-image{width:auto;height:auto;overflow:hidden}.event-image img,.partner-logo img{width:100%;height:100%;object-fit:cover}.event-image img{display:block;border-radius:17px;transition:filter .3s ease,transform .3s ease}.event-card:hover .event-image img{filter:blur(2px) brightness(1.05)}.event-card:hover .event-image::after{content:"";position:absolute;inset:0;border-radius:17px;background:rgba(240,245,255,.5);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(25px)}.event-content{display:flex;flex-direction:column;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.event-card:hover .event-content{opacity:1;transform:translateY(0)}.event-content h3,.event-content p{font-family:"Poppins",sans-serif;position:relative}.event-content h3{font-weight:800;font-size:24px;color:#2f4fb8;text-transform:uppercase;text-align:center;line-height:1.2;padding:30px 0 0;text-shadow:0 2px 8px rgba(255,255,255,.9),0 0 20px rgba(255,255,255,.5);z-index:3;max-width:280px;margin:0 auto}.event-content p{font-size:15px;line-height:1;font-weight:500;max-width:500px;color:#1a2d5e;padding:0 20px 0 16px;text-align:left;margin:auto 25px;transform:translateY(-30px);z-index:1}.event-content p::before{content:"";position:absolute;left:0;top:5%;width:4px;height:90%;background:linear-gradient(to bottom,#fbb515,#f97316,#ef4444);border-radius:0;box-shadow:0 0 6px rgba(249,115,22,.5)}.sponsorship-section{position:relative;padding:200px 0 0;background:0 0;text-align:center}.sponsorship-title{padding:0 60px;font-family:"Poppins",sans-serif;font-weight:700;font-size:72px;background:linear-gradient(to bottom,#1e376c 0,#1559e6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:60px;line-height:.99}.partners-container{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:30px 60px;padding:44px 100px 80px;background:rgba(255,255,255,.55)}.partners-container::after,.partners-container::before{content:"";position:absolute;left:0;right:0;height:6px;border-radius:11px;background:linear-gradient(90deg,#3a6fff 0,#3a6fff 25%,#3a6fff 45%,#e8c078 75%,#dba070 100%);pointer-events:none}.partners-container::before{top:0}.partners-container::after{bottom:0}.partner-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding:20px;min-height:203px;border-radius:11px}.partner-item::after,.partner-item::before{content:"";position:absolute;opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:11px;z-index:1}.partner-item::after{inset:0;background:rgba(0,0,0,.05);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.partner-item::before{inset:-2px;padding:1.7px;background:linear-gradient(90deg,#3a6fff 0,#3a6fff 25%,#3a6fff 45%,#ff6f08 50%,#fafe00 75%,#fafe00 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.partner-item:hover .partner-logo,.partner-item:hover .partner-logo-rect,.partner-item:hover .partner-name{position:relative;z-index:2}.partner-dim{opacity:.7}.partner-logo{width:99px;height:99px;border-radius:50%;overflow:hidden;flex-shrink:0}.partner-logo img{border-radius:50%}.partner-logo-rect{width:200px;height:auto;background:#fff;border-radius:11px;padding:10px 15px;display:flex;align-items:center;justify-content:center}.partner-logo-bg img,.partner-logo-rect img{width:100%;height:auto;object-fit:contain}.partner-logo-bg{display:grid;place-items:center;width:285px;max-width:100%}.partner-logo-bg img{max-width:254px;background:#fff;border-radius:20px;padding:10px 15px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.partner-name{font-family:"Poppins",sans-serif;font-weight:500;font-size:22px;text-align:center;line-height:normal;max-width:100%}.partner-name-gold,.partner-name-img{background-clip:text;-webkit-background-clip:text}.partner-name-gold{background-image:linear-gradient(to bottom,#fbac06,#fc9e07);-webkit-text-fill-color:transparent}.partner-name-img{color:transparent;background-image:url(../assets/landing-page/Tutorials-Dojo.webp);background-size:cover;background-position:center}@media (max-width:1024px){.who-are-we-section>div:last-of-type{flex-direction:column;gap:40px}.about-grid{grid-template-columns:1fr}.mascot-image{max-width:400px}.partners-container{grid-template-columns:repeat(2,1fr);gap:20px;padding:40px 24px}.partner-name{font-size:18px}}@media (max-width:1400px){.section-title{font-size:72px}.hero-title{font-size:52px}.hero-description{font-size:26px}.events-title{font-size:64px}}@media (max-width:768px){body.landing-page{overflow-x:hidden;background:#42a7ec}.hero-section{min-height:120vh;height:auto;padding:0;margin:0;background:#fff url(../assets/landing-page/backgrounds/Mobile-Landing-Background.webp)no-repeat center top;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative}.hero-content-wrapper{max-width:357px;width:calc(100% - 36px);margin:660px auto 40px;padding:50px 20px;background:rgba(158,198,255,.25);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.35);border-radius:24px;box-shadow:none;position:relative;z-index:2}.hero-title{font-size:clamp(18px,5vw,28px);margin-bottom:10px;max-width:100%;color:#ffb701;text-shadow:0 4px 4px rgba(255,64,0,.71);font-weight:800;line-height:1.2}.hero-description{font-family:"Poppins",sans-serif;font-size:clamp(13px,3.5vw,17px);line-height:1.5;font-weight:400;color:#00075d;text-align:center;margin:0 auto 15px;max-width:90%}.hero-description .highlight{font-weight:600;color:#00075d}.hero-buttons{gap:0;justify-content:center;align-items:center}.btn-about{display:none}.btn-join{background:linear-gradient(180deg,#fff051 0,#fe9206 100%);border:1px solid #fbe502;box-shadow:0 0 22px #feca33;color:#fff;font-size:clamp(10px,2.8vw,13px);font-weight:600;width:clamp(80px,22vw,120px);height:clamp(28px,7vw,36px);border-radius:36px;padding:0}.section-title{font-family:"Poppins",sans-serif;font-weight:800;font-size:clamp(28px,7.5vw,44px);text-align:left;background:linear-gradient(to bottom,#4363a6 0,#1c3466 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;padding-left:0;margin:0 0 4px -8px}.who-are-we-section{padding:100px 30px 180px;background:url(../assets/landing-page/backgrounds/Mobile-WhoWeAre-Background.webp)center/cover no-repeat!important}.mascot-container{display:none}.section-subtitle{font-family:"Poppins",sans-serif;font-size:clamp(12px,3.2vw,18px);font-weight:500;line-height:1.33;color:#1e376c;text-align:justify;margin:0 0 clamp(16px,4vw,30px) -5px;max-width:min(380px,90%);padding-left:0}.about-grid{grid-template-columns:repeat(2,1fr);gap:clamp(10px,3vw,16px);padding:0;align-items:stretch}.about-card{position:relative;padding:clamp(8px,2vw,14px);border-radius:.1px;min-height:auto;display:flex}.about-card::before,.about-card:active::after,.about-card:hover::after,.event-card-mobile::before{content:"";position:absolute;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.about-card::before{inset:0;border-radius:9.5px;padding:1.2px;background:linear-gradient(135deg,#3a6fff 0,#6aa0ff 25%,#e8c078 75%,#dba070 100%)}.about-card:active::after,.about-card:hover::after,.event-card-mobile::before{z-index:1}.about-card:active::after,.about-card:hover::after{inset:-2px;border-radius:11.5px;background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.05));padding:2px;filter:drop-shadow(0 0 8px rgba(255,255,255,.65)) drop-shadow(0 0 22px rgba(255,255,255,.4)) drop-shadow(0 0 45px rgba(255,255,255,.2))}.about-card-inner{background:rgba(255,255,255,.7);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:1px solid #fff;border-radius:6px;padding:clamp(10px,3vw,16px) clamp(6px,2vw,12px);height:clamp(200px,55vw,260px);width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(6px,2vw,10px);overflow:hidden;box-sizing:border-box}.card-icon{width:clamp(35px,10vw,55px);height:clamp(35px,10vw,55px);border-radius:50%;object-fit:contain;margin:0;display:block;transform:translateY(clamp(12px,4vw,25px))}.about-card-inner h3{font-weight:800;font-size:clamp(12px,3.5vw,17px);text-transform:uppercase;letter-spacing:1px;text-align:center;transform:translateY(20px)}.about-card-inner h3,.about-card-inner p,.event-content-mobile h3,.event-content-mobile p{font-family:"Poppins",sans-serif;color:#1e376c;margin:0}.about-card-inner p{font-size:clamp(10px,2.8vw,13px);font-weight:500;line-height:1.6;text-align:center;transform:translateY(10px)}.what-we-do-section{padding:clamp(30px,8vw,60px) clamp(16px,4vw,24px) clamp(40px,12vw,80px);background:url(../assets/landing-page/backgrounds/Mobile-WhatWeDo-Background.webp)center/cover no-repeat;min-height:auto;position:relative}.what-we-do-section .cloud-img{pointer-events:none;object-fit:contain;position:absolute}.what-we-do-section .cloud-card-wwd-upper,.what-we-do-section .cloud-fueling-btm-1,.what-we-do-section .cloud-fueling-btm-2,.what-we-do-section .cloud-fueling-btm-3,.what-we-do-section .cloud-fueling-btm-4,.what-we-do-section .cloud-fueling-btm-5,.what-we-do-section .cloud-fueling-btm-6,.what-we-do-section .cloud-offer-top-left,.what-we-do-section .cloud-offer-btm-right{display:none}.what-we-do-section .cloud-what-we-do-up{display:block;top:-10px;left:-5%;width:clamp(100px,25vw,160px);opacity:.7}.what-we-do-section .cloud-what-we-do-down{display:block;top:clamp(80px,20vw,160px);left:55%;width:clamp(100px,25vw,160px);opacity:.6}.what-we-do-section .cloud-fueling-up{display:block;top:clamp(280px,60vw,420px);left:55%;width:clamp(90px,22vw,140px);opacity:.7}.what-we-do-section .cloud-fueling-down-1{display:block;top:clamp(330px,70vw,480px);left:-3%;width:clamp(80px,20vw,120px);opacity:.6}.what-we-do-section .cloud-fueling-down-2{display:block;top:clamp(400px,85vw,580px);right:-5%;width:clamp(80px,20vw,130px);opacity:.7}.what-we-do-section .cloud-offer-up{display:block;top:clamp(500px,100vw,720px);right:2%;width:clamp(80px,18vw,120px);opacity:.5}.what-we-do-section .cloud-offer-down{display:block;bottom:clamp(-30px,-5vw,-10px);right:-2%;width:clamp(120px,30vw,180px);opacity:.6}.what-we-do-section .cloud-offer-fueling{display:none}.what-we-do-section .content-card{position:relative;top:auto;left:auto;right:auto;bottom:auto;transform:none;width:auto;min-height:auto;margin:0 auto 30px}.what-we-do-section .content-card::before{padding:1.2px}.what-we-do-section .content-card-inner{padding:clamp(16px,4vw,24px) clamp(12px,3vw,20px);text-align:left;background:rgba(237,244,255,.7);border:1px solid rgba(255,255,255,.6);border-radius:6px}.what-we-do-section .content-card-inner h3{font-size:clamp(14px,4vw,20px);color:#00075d;text-align:left;margin:0 0 clamp(6px,2vw,12px) clamp(8px,3vw,20px)}.what-we-do-section .content-card-inner p{font-size:clamp(9px,2.8vw,13px);text-align:left;margin:0}.what-we-do-section .what-we-do-card{width:min(70%,310px);margin:30px auto 30px 0}.what-we-do-section .fueling-tomorrow-card{width:min(85%,380px);margin:30px auto}.what-we-do-section .what-we-offer-card{width:min(70%,310px);margin:30px 0 30px auto;left:auto;right:auto}.what-we-do-section .what-we-do-card .content-card-inner{min-height:clamp(160px,40vw,200px);border-radius:10px}.what-we-do-section .fueling-tomorrow-card .content-card-inner{min-height:clamp(150px,35vw,190px);border-radius:10px}.what-we-do-section .what-we-offer-card .content-card-inner{min-height:clamp(120px,30vw,150px);border-radius:6px}.what-we-do-section .desktop-text{display:none}.what-we-do-section .mobile-text{display:block}.what-we-do-section .mobile-text strong{font-weight:700}.what-we-offer-card .content-card-inner ul{list-style:none;padding:0;margin:10px 0 0}.what-we-offer-card .content-card-inner ul li{font-size:clamp(8px,2.5vw,12px);text-align:left;margin-bottom:6px;display:flex;align-items:center;gap:6px}.what-we-offer-card .content-card-inner ul li::before{content:"★";color:#fec33c;font-size:14px}.events-section .events-desktop{display:none!important}.events-mascot img,.events-section .events-mobile{display:block!important}.events-section{position:relative;padding:40px 20px 60px!important;margin:0 auto;min-height:600px;background:linear-gradient(180deg,rgba(66,167,236,.3)0,rgba(66,167,236,.3) 100%),url(../assets/landing-page/backgrounds/Mobile-Events-Background.webp)center/cover no-repeat!important;border-radius:0!important;box-shadow:none!important;max-width:100%!important}.events-sponsors-bg{background:0 0!important;padding-top:0!important}.event-archives-container{background:rgba(255,255,255,.2);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(12px);border-radius:12px;padding:10px 20px 5px;max-width:397px;margin:60px auto 0;position:relative}.events-header-row{display:flex;align-items:center;justify-content:space-between;margin:0 0-15px}.events-section .events-subtitle,.events-section .events-title{font-family:"Poppins",sans-serif;line-height:1.094;text-align:left}.events-section .events-title{font-weight:800;font-size:clamp(22px,6.5vw,34px);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;position:relative;flex:1;min-width:0}.events-mascot{flex-shrink:0;width:70px;height:70px;margin:0 0 0 10px;z-index:2;transform:translateY(35px) scale(1.3)}.events-mascot img{width:70px!important;height:70px!important;margin:0!important;object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.1) contrast(1.05)}.events-section .events-subtitle{font-weight:500;font-size:clamp(10px,2.8vw,13px);color:#00075d;margin:0 0 12px;max-width:min(260px,80%)}.events-carousel{position:relative;width:100%;height:254px;margin-top:8px}.events-carousel-inner{display:flex;transition:transform .3s ease;height:100%}.event-slide{flex:0 0 100%;padding:12px 0 0;display:flex;justify-content:center}.event-card-mobile{background:rgba(255,255,255,.15);border-radius:12px;padding:12px;width:min(343px,82vw);height:228px;position:relative}.event-card-mobile::before{inset:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,#3a6fff 0,#6aa0ff 25%,#e8c078 75%,#dba070 100%)}.event-card-inner{background:#fff;border-radius:6px;overflow:hidden}.event-card-inner,.event-image-mobile{width:100%;height:100%;position:relative}.event-image-mobile img{width:100%;height:100%;object-fit:cover}.event-more-btn{position:absolute;bottom:20px;right:20px;backdrop-filter:blur(8px);background:rgba(255,255,255,.4);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);border-radius:12px;padding:5px 0;width:75px;font-family:"Poppins",sans-serif;font-size:14px;font-weight:400;color:#1c3466;cursor:pointer;text-align:center;transition:all .2s ease;z-index:3}.event-more-btn:hover{background:rgba(250,254,0,.08)}.event-content-mobile{position:absolute;inset:0;border-radius:6px;display:flex;flex-direction:column;justify-content:center;padding:20px;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;pointer-events:none;z-index:2}.event-card-mobile.expanded .event-image-mobile img{filter:blur(3px) brightness(1.1)}.event-card-mobile.expanded .event-image-mobile::after{content:"";position:absolute;inset:0;background:rgba(240,245,255,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1}.event-card-mobile.expanded .event-content-mobile{opacity:1;transform:translateY(0)}.event-content-mobile h3{font-weight:800;font-size:16px;color:#2f4fb8;text-transform:uppercase;line-height:1.2;margin:0 0 8px}.event-content-mobile p{font-size:11px;line-height:1.5}.carousel-nav-left,.carousel-nav-right{position:absolute;top:50%;transform:translateY(-50%);background:0 0;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease;padding:0}.carousel-nav-left{left:-16px}.carousel-nav-right{right:-16px}.carousel-nav-left:hover,.carousel-nav-right:hover{transform:translateY(-50%) scale(1.1)}.carousel-nav-left svg,.carousel-nav-right svg{width:12px;height:17px;color:#1c3466}.carousel-nav-left.hidden,.carousel-nav-right.hidden,.partners-flow-row .partner-item::after,.partners-flow-row .partner-item::before,.sponsorship-section .partners-container::after,.sponsorship-section .partners-container::before{display:none}.carousel-indicators{display:flex;justify-content:center;gap:8px;margin-top:16px}.carousel-indicator{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4);border:0;cursor:pointer;transition:all .2s ease}.carousel-indicator.active{background:#fafe00;width:24px;border-radius:4px}.events-grid{display:none!important}.events-cloud-decoration{position:absolute;opacity:.8;pointer-events:none}.events-cloud-top-right{top:108px;right:0;width:150px;height:40px}.events-cloud-top-left{top:126px;left:22px;width:80px;height:20px}.sponsorship-section{padding:60px 0 80px;background:url(../assets/landing-page/backgrounds/Mobile-SponsorsBackground.webp)center/cover no-repeat}.sponsorship-section .sponsorship-title{display:block;font-size:30px;margin-bottom:20px;text-align:center}.sponsorship-section .partners-container{display:flex;overflow:hidden;padding:0;gap:0;background:0 0;grid-template-columns:none}.partners-marquee-wrapper{display:flex;flex-direction:column;gap:40px;width:100%}.partners-flow-row{position:relative;width:100%;height:104px;overflow:hidden}.partners-flow-row .partner-item{position:absolute;top:50%;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 40px 0 0;min-height:auto;border-radius:0;will-change:transform;backface-visibility:hidden}.partners-flow-row .partner-item:hover .partner-logo,.partners-flow-row .partner-item:hover .partner-logo-rect,.partners-flow-row .partner-item:hover .partner-name{position:static;z-index:auto}.sponsorship-section .partner-logo{width:80px;height:80px;border-radius:6px;flex-shrink:0}.sponsorship-section .partner-logo img{object-fit:contain;border-radius:6px}.sponsorship-section .partner-logo-rect{width:140px;padding:12px 16px}.sponsorship-section .partner-name{display:none}.sponsorship-section .partner-dim{opacity:1}}@media (min-width:769px){.events-section .events-mobile{display:none!important}.events-section .events-desktop{display:block!important}}
/* Forest archive treatment for the landing-page Events preview */
.events-sponsors-bg {
position: relative;
background:
linear-gradient(180deg, rgba(8, 31, 25, 0.28) 0%, rgba(5, 19, 17, 0.46) 100%),
url(../assets/landing-page/backgrounds/Himas-Archive-Three-Stones.webp) center top / cover no-repeat;
padding-top: 0;
}
.events-sponsors-bg::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: -126px;
height: 318px;
background: url(../assets/landing-page/Green_Bush_Transition.webp) center top / 152% auto no-repeat;
opacity: 1;
-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.98) 62%, rgba(0, 0, 0, 0.74) 86%, transparent 100%);
mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.98) 62%, rgba(0, 0, 0, 0.74) 86%, transparent 100%);
filter: saturate(1.08) contrast(1.04);
pointer-events: none;
z-index: 7;
}
.events-to-sponsors-transition {
position: relative;
height: 210px;
margin-top: -105px;
margin-bottom: -105px;
background: url(../assets/landing-page/Green_Bush_Transition.webp) center top / 150% auto no-repeat;
opacity: 0.98;
-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.98) 58%, rgba(0, 0, 0, 0.74) 84%, transparent 100%);
mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.98) 58%, rgba(0, 0, 0, 0.74) 84%, transparent 100%);
pointer-events: none;
z-index: 9;
}
.events-section {
position: relative;
max-width: none;
min-height: 980px;
margin: 0;
padding: 215px 72px 150px;
overflow: hidden;
border-radius: 0;
box-shadow: none;
background:
linear-gradient(180deg, rgba(10, 49, 44, 0.18) 0%, rgba(8, 28, 24, 0.36) 48%, rgba(5, 18, 15, 0.78) 100%),
url(../assets/landing-page/backgrounds/Himas-Archive-Three-Stones.webp) center top / cover no-repeat;
isolation: isolate;
}
.events-section::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(circle at 50% 28%, rgba(179, 234, 255, 0.2) 0%, rgba(179, 234, 255, 0.08) 25%, rgba(179, 234, 255, 0) 54%),
linear-gradient(90deg, rgba(1, 10, 8, 0.48) 0%, rgba(1, 10, 8, 0) 24%, rgba(1, 10, 8, 0) 76%, rgba(1, 10, 8, 0.5) 100%);
pointer-events: none;
z-index: 0;
}
.events-desktop,
.events-mobile {
position: relative;
z-index: 2;
}
.events-kicker {
font-family: "Poppins", sans-serif;
font-weight: 800;
font-size: 18px;
line-height: 1;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.12em;
color: #fbb515;
text-shadow: 0 3px 12px rgba(5, 18, 15, 0.86);
margin: 0 0 12px;
}
.events-section .events-title {
font-size: 82px;
margin: 0 0 18px;
background: linear-gradient(180deg, #fffde8 0%, #fbb515 54%, #ff8a1d 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0 14px 28px rgba(3, 19, 15, 0.42);
}
.events-section .events-subtitle {
max-width: 900px;
margin: 0 auto 72px;
color: rgba(238, 255, 241, 0.9);
font-size: 20px;
font-weight: 600;
line-height: 1.55;
text-shadow: 0 3px 14px rgba(3, 19, 15, 0.78);
}
.events-section .events-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 28px;
max-width: 1260px;
margin: 0 auto;
align-items: stretch;
}
.events-section .event-archive-panel {
color: inherit;
text-decoration: none;
}
.events-section .event-card {
display: grid;
grid-template-rows: 190px 1fr;
min-height: 520px;
aspect-ratio: auto;
overflow: hidden;
border-radius: 8px;
background:
linear-gradient(180deg, rgba(129, 136, 116, 0.12), rgba(24, 36, 29, 0.24)),
url("../assets/landing-page/partners/relic-stone-slab.webp") center / 124% 124% no-repeat,
#7f8473;
border: 1px solid rgba(248, 229, 176, 0.38);
box-shadow:
0 24px 54px rgba(1, 11, 9, 0.44),
inset 0 1px 0 rgba(255, 255, 255, 0.2),
inset 0 -14px 24px rgba(20, 28, 20, 0.16);
transform: translateY(0);
}
.events-section .event-card:hover {
transform: translateY(-10px);
background:
linear-gradient(180deg, rgba(139, 146, 125, 0.16), rgba(30, 43, 34, 0.2)),
url("../assets/landing-page/partners/relic-stone-slab.webp") center / 124% 124% no-repeat,
#868b7a;
box-shadow:
0 32px 66px rgba(1, 11, 9, 0.52),
0 0 34px rgba(255, 229, 157, 0.12),
inset 0 1px 0 rgba(255, 255, 255, 0.26);
}
.events-section .event-card::before {
content: none;
}
.events-section .event-card::after {
content: none;
inset: 0;
border-radius: 8px;
padding: 1px;
background: linear-gradient(145deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.04));
filter: none;
opacity: 1;
z-index: 4;
}
.events-section .event-image,
.events-section .event-content {
position: relative;
inset: auto;
border-radius: 0;
}
.events-section .event-image {
overflow: hidden;
z-index: 1;
}
.events-section .event-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0;
transform: scale(1.01);
}
.events-section .event-card:hover .event-image img {
filter: brightness(1.05) saturate(1.08);
transform: scale(1.06);
}
.events-section .event-card:hover .event-image::after {
display: none;
}
.events-section .event-content {
display: flex;
flex-direction: column;
gap: 12px;
min-height: 0;
padding: 22px 24px 30px;
opacity: 1;
transform: none;
pointer-events: none;
background:
linear-gradient(180deg, rgba(237, 244, 229, 0.92) 0%, rgba(213, 229, 202, 0.88) 100%);
z-index: 2;
}
.events-section .event-meta-row {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.events-section .event-meta-chip {
display: inline-flex;
align-items: center;
min-height: 26px;
padding: 5px 10px;
border-radius: 999px;
background: rgba(20, 77, 58, 0.88);
color: #fff8d6;
font-family: "Poppins", sans-serif;
font-size: 12px;
font-weight: 800;
line-height: 1;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
.events-section .event-content h3 {
max-width: none;
padding: 0;
margin: 0;
color: #173564;
font-size: 25px;
line-height: 1.12;
text-align: left;
text-shadow: none;
}
.events-section .event-location {
margin: 0;
color: #2e704e;
font-family: "Poppins", sans-serif;
font-size: 13px;
font-weight: 800;
line-height: 1.25;
}
.events-section .event-content p {
max-width: none;
padding: 0;
margin: 0;
transform: none;
color: #1f3154;
font-size: 14px;
font-weight: 600;
line-height: 1.45;
text-align: left;
}
.events-section .event-content p::before {
display: none;
}
.events-section .event-meta-row,
.events-section .event-content h3,
.events-section .event-location,
.events-section .event-content p,
.events-section .event-archive-cta {
position: relative;
z-index: 2;
}
.events-section .event-archive-cta {
display: inline-flex;
align-items: center;
justify-content: center;
width: fit-content;
min-height: 44px;
margin-top: auto;
padding: 10px 20px;
border-radius: 8px;
background: linear-gradient(135deg, #ff6f08 0%, #fbb515 100%);
color: #fff;
font-family: "Poppins", sans-serif;
font-size: 16px;
font-weight: 800;
line-height: 1;
box-shadow: 0 8px 16px rgba(87, 50, 8, 0.24);
text-shadow: 0 1px 3px rgba(73, 38, 5, 0.32);
border: 1px solid rgba(255, 242, 201, 0.38);
}
@media (max-width: 768px) {
.events-sponsors-bg {
background:
linear-gradient(180deg, rgba(11, 50, 43, 0.18), rgba(5, 18, 15, 0.62)),
url(../assets/landing-page/backgrounds/Himas-Archive-Three-Stones.webp) center top / cover no-repeat !important;
}
.events-sponsors-bg::before {
top: -50px;
height: 148px;
background-size: 196% auto;
opacity: 1;
}
.events-to-sponsors-transition {
height: 118px;
margin-top: -59px;
margin-bottom: -59px;
background-size: 220% auto;
opacity: 1;
}
.events-section {
min-height: 720px;
padding: 72px 18px 88px !important;
background:
linear-gradient(180deg, rgba(12, 57, 49, 0.1) 0%, rgba(7, 28, 24, 0.48) 100%),
url(../assets/landing-page/backgrounds/Himas-Archive-Three-Stones.webp) center top / cover no-repeat !important;
}
.event-archives-container {
max-width: 397px;
margin: 18px auto 0;
padding: 18px 16px 22px;
border-radius: 8px;
background:
linear-gradient(180deg, rgba(31, 45, 36, 0.3), rgba(13, 24, 18, 0.52)),
url("../assets/landing-page/partners/relic-stone-slab.webp") center / cover no-repeat;
border: 1px solid rgba(249, 227, 167, 0.34);
box-shadow:
0 18px 44px rgba(2, 15, 12, 0.38),
inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
.events-header-row {
align-items: flex-start;
margin: 0 0 8px;
}
.events-section .events-title {
font-size: 31px;
line-height: 1;
text-align: left;
margin: 0;
}
.events-section .events-subtitle {
max-width: 270px;
margin: 0 0 16px;
color: rgba(238, 255, 241, 0.9);
font-size: 12px;
line-height: 1.45;
text-align: left;
}
.events-mascot {
transform: translateY(14px) scale(1.08);
}
.events-carousel {
height: 378px;
margin-top: 6px;
}
.event-slide {
align-items: center;
padding: 8px 0 0;
}
.events-section .event-card-mobile {
display: block;
width: min(326px, 82vw);
height: 350px;
padding: 10px;
border-radius: 8px;
background:
linear-gradient(180deg, rgba(120, 126, 107, 0.16), rgba(29, 40, 31, 0.22)),
url("../assets/landing-page/partners/relic-stone-slab.webp") center / 124% 124% no-repeat,
#7f8473;
border: 1px solid rgba(248, 229, 176, 0.38);
box-shadow:
0 18px 36px rgba(2, 15, 12, 0.38),
inset 0 1px 0 rgba(255, 255, 255, 0.2),
inset 0 -10px 18px rgba(20, 28, 20, 0.16);
text-decoration: none;
}
.events-section .event-card-inner {
display: grid;
grid-template-rows: 142px 1fr;
border-radius: 6px;
background:
linear-gradient(180deg, rgba(238, 238, 222, 0.92), rgba(213, 220, 197, 0.92));
overflow: hidden;
}
.events-section .event-image-mobile {
overflow: hidden;
}
.events-section .event-image-mobile img {
display: block;
filter: none;
}
.events-section .event-content-mobile {
position: relative;
inset: auto;
display: flex;
justify-content: flex-start;
gap: 8px;
padding: 14px;
opacity: 1;
transform: none;
pointer-events: none;
background: linear-gradient(180deg, rgba(237, 244, 229, 0.92), rgba(214, 230, 202, 0.92));
}
.events-section .event-content-mobile h3 {
color: #173564;
font-size: 17px;
line-height: 1.08;
margin: 0;
}
.events-section .event-content-mobile p {
color: #1f3154;
font-size: 11px;
font-weight: 600;
line-height: 1.35;
margin: 0;
}
.events-section .event-content-mobile .event-meta-row,
.events-section .event-content-mobile h3,
.events-section .event-content-mobile p,
.events-section .event-content-mobile .event-archive-cta {
position: relative;
z-index: 2;
}
.events-section .event-location {
color: #2e704e;
font-size: 11px;
}
.events-section .event-meta-chip {
min-height: 22px;
padding: 4px 8px;
font-size: 10px;
}
.events-section .event-archive-cta {
min-height: 34px;
padding: 8px 14px;
border-radius: 6px;
font-size: 13px;
}
.events-section .carousel-nav-left {
left: -12px;
}
.events-section .carousel-nav-right {
right: -12px;
}
}
/* Sponsor relic wall redesign */
.sponsorship-section {
position: relative;
padding: 130px 0 110px;
background:
linear-gradient(180deg, rgba(8, 30, 24, 0.16) 0%, rgba(6, 18, 14, 0.82) 100%),
url(../assets/landing-page/backgrounds/Events-Forest-Archive-BG.webp) center 62% / cover no-repeat;
overflow: hidden;
isolation: isolate;
}
.sponsorship-section::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(circle at 50% 18%, rgba(255, 228, 151, 0.28), transparent 28%),
linear-gradient(180deg, rgba(255, 247, 216, 0.06), transparent 26%);
pointer-events: none;
z-index: 0;
}
.sponsorship-shell,
.partners-container {
position: relative;
z-index: 2;
max-width: 1280px;
margin: 0 auto;
}
.sponsorship-shell {
padding: 0 60px;
}
.sponsorship-header {
text-align: center;
max-width: 900px;
margin: 0 auto 36px;
}
.sponsorship-kicker {
margin: 0 0 14px;
color: #ffbf2e;
font-family: "Poppins", sans-serif;
font-size: 18px;
font-weight: 800;
letter-spacing: 0.18em;
text-transform: uppercase;
}
.sponsorship-title {
padding: 0;
margin: 0 0 16px;
font-size: 72px;
line-height: 0.96;
background: linear-gradient(180deg, #ffe38d 0%, #f1a317 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-shadow: none;
}
.sponsorship-intro {
margin: 0 auto;
color: rgba(242, 249, 231, 0.92);
font-family: "Poppins", sans-serif;
font-size: 21px;
font-weight: 600;
line-height: 1.55;
}
/* Forest Magic animations */
@keyframes borderGlow {
0% {
box-shadow:
0 24px 48px rgba(1, 12, 10, 0.45),
0 0 12px rgba(16, 185, 129, 0.12);
}
50% {
box-shadow:
0 24px 48px rgba(1, 12, 10, 0.45),
0 0 24px rgba(16, 185, 129, 0.28);
}
100% {
box-shadow:
0 24px 48px rgba(1, 12, 10, 0.45),
0 0 12px rgba(16, 185, 129, 0.12);
}
}
@keyframes lightSweep {
0% {
background-position: 150% 0;
}
100% {
background-position: -50% 0;
}
}
.sponsor-spotlight {
display: grid;
grid-template-columns: minmax(0, 1.5fr) minmax(220px, 0.9fr);
gap: 30px;
align-items: center;
margin-bottom: 42px;
padding: 28px 32px;
border-radius: 20px;
background:
linear-gradient(135deg, rgba(6, 26, 18, 0.88), rgba(2, 13, 8, 0.94)) padding-box,
linear-gradient(135deg, rgba(255, 215, 0, 0.4), rgba(255, 215, 0, 0.1)) border-box;
border: 2px solid transparent;
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
position: relative;
overflow: hidden;
isolation: isolate;
animation: borderGlow 6s infinite ease-in-out;
}
.sponsor-spotlight::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(115deg, transparent 40%, rgba(255, 255, 255, 0.08) 50%, transparent 60%);
background-size: 200% 100%;
animation: lightSweep 6s infinite linear;
pointer-events: none;
z-index: 1;
}
.sponsor-spotlight-copy {
display: flex;
flex-direction: column;
gap: 10px;
text-align: left;
position: relative;
z-index: 2;
}
.sponsor-spotlight-label {
margin: 0;
color: #10b981;
font-family: "Poppins", sans-serif;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
text-shadow: 0 0 8px rgba(16, 185, 129, 0.3);
}
.sponsor-spotlight-name {
margin: 0;
background: linear-gradient(135deg, #ffe082 0%, #ffb300 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: "Poppins", sans-serif;
font-size: 34px;
font-weight: 800;
line-height: 1.05;
}
.sponsor-spotlight-type {
margin: 0;
color: #6ee7b7;
font-family: "Poppins", sans-serif;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.sponsor-spotlight-description {
margin: 0;
color: rgba(239, 246, 231, 0.95);
font-family: "Poppins", sans-serif;
font-size: 17px;
font-weight: 600;
line-height: 1.6;
}
.sponsor-spotlight-mark {
display: flex;
justify-content: center;
position: relative;
z-index: 2;
}
.sponsor-spotlight-logo {
display: grid;
place-items: center;
width: 200px;
height: 200px;
border-radius: 50%;
padding: 24px;
background:
linear-gradient(180deg, rgba(16, 185, 129, 0.08), rgba(6, 9, 7, 0.45)),
radial-gradient(circle at center, rgba(16, 185, 129, 0.18) 0%, transparent 70%),
url("../assets/landing-page/partners/relic-stone-slab.webp") center / cover no-repeat,
#868a7a;
box-shadow:
inset 0 4px 12px rgba(0, 0, 0, 0.75),
0 0 20px rgba(16, 185, 129, 0.25);
border: 2px solid rgba(255, 215, 0, 0.3);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.sponsor-spotlight-logo:hover {
transform: scale(1.04);
box-shadow:
inset 0 4px 12px rgba(0, 0, 0, 0.75),
0 0 30px rgba(16, 185, 129, 0.4);
}
.sponsor-spotlight-logo img {
display: block;
width: 100%;
max-width: 140px;
height: auto;
object-fit: contain;
filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.5));
}
.partners-container {
position: relative;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
padding: 24px 60px 0;
background: transparent;
}
.partners-container::before,
.partners-container::after {
display: none;
}
.partner-item {
--offset-x: 0px;
--offset-y: 0px;
--hover-y: 0px;
--tilt: 0deg;
appearance: none;
border: 0;
width: 100%;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 16px;
min-height: 230px;
padding: 28px 22px 24px;
border-radius: 10px;
cursor: pointer;
text-align: center;
background:
linear-gradient(180deg, rgba(147, 156, 132, 0.22), rgba(42, 55, 43, 0.14)),
url("../assets/landing-page/partners/relic-stone-slab.webp") center / 112% 112% no-repeat,
#8a8f7f;
border: 1px solid rgba(255, 226, 147, 0.36);
box-shadow:
0 16px 28px rgba(4, 15, 11, 0.22),
inset 0 1px 0 rgba(255, 255, 255, 0.38),
inset 0 -16px 28px rgba(15, 22, 15, 0.18);
overflow: hidden;
transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease, filter 0.28s ease;
}
.partner-item::after,
.partner-item::before {
content: "";
position: absolute;
inset: 0;
display: block;
pointer-events: none;
border-radius: inherit;
}
.partner-item::before {
background:
radial-gradient(circle at 20% 18%, rgba(179, 197, 123, 0.2), transparent 23%),
radial-gradient(circle at 86% 82%, rgba(99, 127, 71, 0.18), transparent 27%),
linear-gradient(145deg, rgba(255, 237, 178, 0.18), transparent 38%, rgba(3, 8, 6, 0.24));
mix-blend-mode: soft-light;
}
.partner-item::after {
inset: 10px;
border: 1px solid rgba(255, 230, 155, 0.18);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.18),
inset 0 -8px 12px rgba(21, 28, 19, 0.18);
}
.partner-item:hover,
.partner-item:focus-visible,
.partner-item.is-active {
transform: translateY(-8px);
box-shadow:
0 22px 36px rgba(4, 15, 11, 0.28),
0 0 0 1px rgba(255, 223, 134, 0.38),
inset 0 1px 0 rgba(255, 255, 255, 0.82);
}
.partner-item:focus-visible {
outline: 2px solid rgba(255, 222, 135, 0.68);
outline-offset: 4px;
}
.partner-item.is-active .partner-name {
color: #1b4f37;
}
.partner-dim {
opacity: 1;
}
.partner-logo,
.partner-logo-rect {
position: relative;
z-index: 2;
display: grid;
place-items: center;
background:
linear-gradient(180deg, rgba(239, 236, 211, 0.86), rgba(204, 207, 181, 0.82));
border: 1px solid rgba(255, 243, 197, 0.45);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.55),
inset 0 -8px 14px rgba(42, 53, 38, 0.16),
0 10px 20px rgba(5, 12, 8, 0.2);
}
.partner-logo {
width: 104px;
height: 104px;
border-radius: 22px;
padding: 14px;
}
.partner-logo img {
object-fit: contain;
background: transparent;
border-radius: 12px;
filter: drop-shadow(0 4px 8px rgba(16, 22, 17, 0.25));
}
.partner-logo-rect {
width: 220px;
min-height: 106px;
border-radius: 18px;
padding: 14px 18px;
}
.partner-name {
position: relative;
z-index: 2;
color: #244666;
font-size: 21px;
font-weight: 700;
line-height: 1.28;
}
.partner-name-gold {
background-image: none;
-webkit-text-fill-color: currentColor;
}
@media (max-width: 1024px) {
.sponsorship-shell {
padding: 0 24px;
}
.partners-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
padding: 16px 24px 0;
}
.sponsor-spotlight {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.sponsorship-section {
padding: 68px 0 82px;
background:
linear-gradient(180deg, rgba(8, 30, 24, 0.2) 0%, rgba(6, 18, 14, 0.9) 100%),
url(../assets/landing-page/backgrounds/Events-Forest-Archive-BG.webp) center top / cover no-repeat;
}
.sponsorship-shell {
padding: 0 18px;
}
.sponsorship-header {
margin-bottom: 18px;
}
.sponsorship-kicker {
font-size: 12px;
margin-bottom: 10px;
}
.sponsorship-title {
font-size: 32px;
margin-bottom: 10px;
}
.sponsorship-intro {
font-size: 13px;
line-height: 1.5;
max-width: 330px;
}
.sponsor-spotlight {
display: none;
}
.sponsorship-section .partners-container {
display: none !important;
}
/* Mobile Forest-Themed Carousel Styles */
.partners-mobile-carousel {
display: block;
width: 100%;
}
.partners-marquee-container {
position: relative;
width: 100%;
padding: 16px 0 20px;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: center;
}
.partners-marquee-wrapper {
position: relative;
width: 100%;
overflow: hidden;
}
.partners-marquee-viewport {
width: 100%;
overflow: hidden;
padding: 0 18px;
box-sizing: border-box;
outline: none;
}
.partners-marquee-track {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
width: max-content;
gap: 0;
will-change: transform;
transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation: partnersMarqueeScroll var(--marquee-duration, 36s) linear infinite;
animation: none !important;
}
.partners-marquee-set {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
gap: 0;
padding-right: 0;
flex-shrink: 0;
width: max-content;
}
.partners-marquee-viewport.is-paused .partners-marquee-track,
.partners-marquee-viewport:hover .partners-marquee-track {
animation-play-state: paused;
}
@keyframes partnersMarqueeScroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.partner-carousel-card {
flex: 0 0 min(69vw, 248px);
min-height: 380px;
padding: 22px 16px 16px;
border-radius: 20px;
background:
linear-gradient(180deg, rgba(8, 30, 20, 0.88) 0%, rgba(4, 18, 12, 0.96) 100%),
url("../assets/landing-page/partners/relic-stone-slab.webp") center/cover no-repeat;
border: 1.5px solid rgba(255, 222, 135, 0.16);
box-shadow:
0 12px 28px rgba(0, 0, 0, 0.55),
inset 0 1px 0 rgba(255, 255, 255, 0.08);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
position: relative;
box-sizing: border-box;
transition: transform 0.3s ease, filter 0.3s ease;
transform: scale(0.94);
opacity: 1;
filter: saturate(0.92) brightness(0.94);
user-select: none;
}
.partner-carousel-card:hover {
transform: scale(0.98);
filter: saturate(1) brightness(1);
}
.partner-card-logo-frame {
width: 108px;
height: 108px;
border-radius: 50%;
padding: 8px;
background: linear-gradient(180deg, rgba(248, 241, 210, 0.95), rgba(205, 207, 178, 0.9));
border: 2px solid rgba(255, 225, 143, 0.25);
box-shadow:
inset 0 2px 6px rgba(0, 0, 0, 0.25),
0 6px 12px rgba(0, 0, 0, 0.3);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 14px;
transition: transform 0.3s ease, border-color 0.3s, box-shadow 0.3s;
}
.partner-card-logo-frame img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15));
}
.partner-card-copy {
width: 100%;
max-width: 100%;
padding-inline: 2px;
box-sizing: border-box;
text-align: center;
display: grid;
gap: 8px;
}
.partner-card-label,
.partner-card-name,
.partner-card-type,
.partner-card-desc {
text-align: center;
}
.partner-card-name {
font-family: "Poppins", sans-serif;
font-weight: 800;
font-size: 14px;
color: #ffd54f;
margin: 0 0 6px 0;
line-height: 1.12;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
text-wrap: balance;
}
.partner-card-name--long {
font-size: 13px;
line-height: 1.1;
}
.partner-card-name--xlong {
font-size: 11.5px;
line-height: 1.08;
}
.partner-card-type {
font-family: "Poppins", sans-serif;
font-weight: 700;
font-size: 10px;
color: #6ee7b7;
text-transform: uppercase;
letter-spacing: 0.04em;
margin-bottom: 4px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
text-wrap: balance;
}
.partner-card-type--long {
font-size: 9px;
line-height: 1.28;
}
.partner-card-desc {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 10px;
color: rgba(240, 248, 235, 0.95);
line-height: 1.45;
margin: 0;
overflow: hidden;
padding: 0 4px;
text-align: center;
text-wrap: balance;
}
/* Fireflies floating particles in the forest background */
.partners-carousel-fireflies {
position: absolute;
inset: 0;
pointer-events: none;
z-index: 1;
overflow: hidden;
}
.partners-firefly {
position: absolute;
width: 4px;
height: 4px;
background: radial-gradient(circle, #fffad1 10%, #ffd54f 60%, transparent 100%);
border-radius: 50%;
filter: drop-shadow(0 0 6px #ffd54f);
opacity: 0;
animation: floatFirefly 8s infinite ease-in-out;
}
@keyframes floatFirefly {
0% {
transform: translate(0, 0) scale(0.8);
opacity: 0;
}
12% {
opacity: 0.7;
}
50% {
transform: translate(var(--ff-x, 30px), var(--ff-y, -50px)) scale(1.2);
opacity: 0.85;
}
88% {
opacity: 0.6;
}
100% {
transform: translate(var(--ff-x2, 60px), var(--ff-y2, -100px)) scale(0.8);
opacity: 0;
}
}
}
@media (min-width: 769px) {
.sponsorship-section {
padding: 180px 0 160px;
background:
linear-gradient(180deg, #050c09 0%, transparent 15%, transparent 85%, #030806 100%),
linear-gradient(180deg, rgba(8, 30, 24, 0.16) 0%, rgba(6, 18, 14, 0.82) 100%),
url(../assets/landing-page/backgrounds/Events-Forest-Archive-BG.webp) center 62% / cover no-repeat;
}
.sponsorship-relic-stage {
position: relative;
display: grid;
grid-template-columns: 440px 1fr;
gap: 60px;
align-items: center;
margin-top: 48px;
}
.sponsorship-relic-backdrop {
position: absolute;
grid-column: 2;
grid-row: 1;
inset: 20px 0 0;
display: grid;
grid-template-columns: repeat(5, minmax(120px, 1fr));
gap: 32px;
transform: perspective(1200px) rotateX(42deg) rotateZ(-12deg) scale(1.02);
opacity: 0.62;
pointer-events: none;
}
.relic-slot {
aspect-ratio: 1 / 1;
border-radius: 28px;
background: linear-gradient(180deg, rgba(18, 22, 18, 0.96), rgba(8, 10, 9, 0.98));
box-shadow: inset 0 0 0 2px rgba(139, 171, 120, 0.08);
}
.sponsor-spotlight {
grid-column: 1;
grid-row: 1;
position: relative;
z-index: 3;
max-width: 440px;
margin: 0 auto 0 0;
display: flex;
flex-direction: column-reverse;
gap: 24px;
padding: 36px 32px;
border-radius: 24px;
background:
linear-gradient(135deg, rgba(6, 26, 18, 0.88), rgba(2, 13, 8, 0.94)) padding-box,
linear-gradient(135deg, rgba(255, 215, 0, 0.4), rgba(255, 215, 0, 0.1)) border-box;
border: 2px solid transparent;
box-shadow:
0 24px 48px rgba(1, 12, 10, 0.45),
0 0 12px rgba(16, 185, 129, 0.12);
}
.sponsor-spotlight-copy {
gap: 12px;
}
.sponsor-spotlight-logo {
width: 200px;
height: 200px;
margin: 0 auto;
padding: 24px;
border-radius: 50%;
background:
linear-gradient(180deg, rgba(16, 185, 129, 0.08), rgba(6, 9, 7, 0.45)),
radial-gradient(circle at center, rgba(16, 185, 129, 0.18) 0%, transparent 70%),
url("../assets/landing-page/partners/relic-stone-slab.webp") center / cover no-repeat,
#868a7a;
box-shadow:
inset 0 4px 12px rgba(0, 0, 0, 0.75),
0 0 20px rgba(16, 185, 129, 0.25);
border: 2px solid rgba(255, 215, 0, 0.3);
}
.sponsor-spotlight-logo img {
max-width: 140px;
filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.5));
}
.partners-container {
grid-column: 2;
grid-row: 1;
position: relative;
z-index: 2;
display: grid;
grid-template-columns: repeat(3, minmax(120px, 1fr));
gap: 32px;
transform: perspective(1200px) rotateX(42deg) rotateZ(-12deg) scale(1.02);
transform-style: preserve-3d;
padding: 0;
}
.partner-item {
--depth: 0px;
position: relative;
aspect-ratio: 1 / 1;
min-height: auto;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
border-radius: 24px;
transform: translate3d(var(--offset-x), calc(var(--offset-y) + var(--hover-y)), var(--depth)) rotate(var(--tilt));
background:
linear-gradient(180deg, rgba(141, 149, 125, 0.12), rgba(20, 30, 23, 0.22)),
url("../assets/landing-page/partners/relic-stone-slab.webp") center / 112% 112% no-repeat,
#858978 !important;
border: 1px solid rgba(255, 225, 143, 0.28) !important;
box-shadow:
0 18px 34px rgba(2, 6, 5, 0.48),
inset 0 1px 0 rgba(255, 255, 255, 0.32),
inset 0 -16px 26px rgba(11, 16, 12, 0.22) !important;
filter: saturate(0.96) brightness(0.94);
transition: transform 0.28s ease, box-shadow 0.28s ease, filter 0.28s ease, border-color 0.28s ease;
}
.partner-item:hover,
.partner-item:focus-visible,
.partner-item.is-active {
--hover-y: -12px;
--depth: 24px;
transform: translate3d(var(--offset-x), calc(var(--offset-y) + var(--hover-y)), var(--depth)) rotate(var(--tilt));
border-color: rgba(255, 220, 119, 0.78) !important;
box-shadow:
0 28px 46px rgba(2, 6, 5, 0.62),
0 0 22px rgba(255, 212, 93, 0.28),
inset 0 1px 0 rgba(255, 255, 255, 0.44),
inset 0 -12px 22px rgba(12, 18, 13, 0.16) !important;
filter: saturate(1.08) brightness(1.08);
}
.partner-item .partner-logo,
.partner-item .partner-logo-rect {
background:
linear-gradient(180deg, rgba(248, 241, 210, 0.9), rgba(205, 207, 178, 0.84)) !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.62),
inset 0 -10px 16px rgba(52, 63, 43, 0.18),
0 10px 20px rgba(4, 9, 7, 0.22) !important;
border: 1px solid rgba(255, 235, 169, 0.5) !important;
width: min(72%, 128px);
height: min(72%, 128px);
max-width: 120px;
max-height: 120px;
aspect-ratio: 1 / 1;
display: flex;
align-items: center;
justify-content: center;
}
.partner-item img {
background: transparent !important;
width: auto;
height: auto;
max-width: 86%;
max-height: 86%;
object-fit: contain;
filter: drop-shadow(0 5px 8px rgba(0, 0, 0, 0.32));
transition: transform 0.28s ease, filter 0.28s ease;
}
.partner-item:hover img,
.partner-item.is-active img {
transform: scale(1.08);
filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.65)) brightness(1.05);
}
.partner-item .partner-name {
display: none !important;
}
.partner-item-1 { --offset-y: 18px; --tilt: -2.5deg; }
.partner-item-2 { --offset-x: 20px; --offset-y: -8px; --tilt: 2deg; }
.partner-item-3 { --offset-y: -20px; --tilt: -1deg; }
.partner-item-4 { --offset-x: -16px; --offset-y: 16px; --tilt: 2.5deg; }
.partner-item-5 { --offset-x: 8px; --offset-y: -4px; --tilt: -1.5deg; }
.partner-item-6 { --offset-y: 20px; --tilt: 1.5deg; }
.partner-item-7 { --offset-x: -12px; --offset-y: -14px; --tilt: -2deg; }
.partner-item-8 { --offset-y: -10px; --tilt: 1deg; }
.partner-item-9 { --offset-x: 14px; --offset-y: 12px; --tilt: -2.5deg; }
}
.mobile-sea-cloud-transition,
.mobile-cloud-forest-transition {
display: none;
}
@media (max-width: 768px) {
.mobile-only-home {
position: relative;
background: #42a7ec;
overflow: clip;
}
.mobile-only-home .hero-section {
min-height: min(980px, 118svh);
padding: 0 0 82px;
justify-content: flex-end;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(147, 209, 244, 0.08) 58%, rgba(248, 253, 255, 0.94) 100%),
url(../assets/landing-page/backgrounds/Mobile-Landing-Background.webp) center top / cover no-repeat;
}
.mobile-only-home .hero-section::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -1px;
height: 38%;
background: linear-gradient(180deg, rgba(244, 251, 255, 0) 0%, rgba(247, 253, 255, 0.88) 86%, #f7fdff 100%);
pointer-events: none;
z-index: 1;
}
.mobile-only-home .hero-content-wrapper {
width: min(86vw, 356px);
margin: 0 auto clamp(58px, 13vh, 118px);
padding: 26px 20px 24px;
border-radius: 18px;
background:
linear-gradient(180deg, rgba(241, 250, 255, 0.58), rgba(224, 241, 255, 0.24)),
rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.62);
box-shadow:
0 18px 42px rgba(10, 71, 126, 0.14),
inset 0 1px 0 rgba(255, 255, 255, 0.78);
backdrop-filter: blur(4px) saturate(1.08);
-webkit-backdrop-filter: blur(4px) saturate(1.08);
}
.mobile-only-home .hero-title {
width: min(100%, 300px);
max-height: 110px;
object-fit: contain;
filter: drop-shadow(0 10px 14px rgba(11, 46, 100, 0.34));
}
.mobile-only-home .hero-description {
max-width: 292px;
color: #06105f;
font-size: clamp(12px, 3.45vw, 15px);
line-height: 1.48;
}
.mobile-only-home .btn-join {
width: min(46vw, 148px);
height: 42px;
font-size: 14px;
border-radius: 999px;
box-shadow:
0 0 26px rgba(254, 202, 51, 0.74),
0 10px 20px rgba(137, 73, 9, 0.2);
}
.mobile-sea-cloud-transition {
display: block;
position: relative;
height: clamp(132px, 34vw, 192px);
margin-top: clamp(-132px, -26vw, -96px);
margin-bottom: clamp(-68px, -15vw, -44px);
background:
linear-gradient(180deg, rgba(247, 253, 255, 0) 0%, rgba(247, 253, 255, 0.58) 42%, rgba(248, 253, 255, 0) 100%),
url(../assets/landing-page/Transition_Clouds_New.webp) center center / cover no-repeat;
filter: saturate(1.04) contrast(1.02);
pointer-events: none;
z-index: 5;
}
.mobile-only-home .content-section {
position: relative;
z-index: 2;
background: linear-gradient(180deg, #f7fdff 0%, #d9f1ff 34%, #78bfdd 72%, #244f43 100%);
}
.mobile-only-home .who-are-we-section {
min-height: 760px;
padding: clamp(110px, 28vw, 146px) 22px 92px;
background:
radial-gradient(circle at 50% 12%, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0) 36%),
linear-gradient(180deg, rgba(250, 254, 255, 0.9) 0%, rgba(201, 237, 255, 0.66) 52%, rgba(126, 190, 215, 0.42) 100%),
url(../assets/landing-page/Who_Are_WE_BG.webp) center top / cover no-repeat !important;
}
.mobile-only-home .section-title {
width: min(330px, 92vw);
margin: 0 auto 10px;
text-align: left;
font-size: clamp(34px, 9vw, 46px);
letter-spacing: 0;
}
.mobile-only-home .section-subtitle {
width: min(334px, 90vw);
max-width: none;
margin: 0 auto 26px;
color: #142e67;
text-align: left;
font-size: clamp(12px, 3.2vw, 14px);
line-height: 1.56;
}
.mobile-only-home .about-grid {
width: min(352px, 92vw);
margin: 0 auto;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px 12px;
}
.mobile-only-home .mobile-story-card {
padding: 8px;
}
.mobile-only-home .mobile-story-card:nth-child(2),
.mobile-only-home .mobile-story-card:nth-child(4) {
transform: translateY(22px);
}
.mobile-only-home .mobile-story-card .about-card-inner {
height: clamp(178px, 48vw, 220px);
padding: 18px 8px 14px;
border-radius: 10px;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(234, 248, 255, 0.66));
box-shadow:
0 12px 28px rgba(34, 95, 147, 0.14),
inset 0 1px 0 rgba(255, 255, 255, 0.82);
}
.mobile-only-home .mobile-story-card .card-icon,
.mobile-only-home .mobile-story-card h3,
.mobile-only-home .mobile-story-card p {
transform: none;
}
.mobile-only-home .mobile-story-card h3 {
font-size: clamp(12px, 3.35vw, 15px);
line-height: 1.16;
}
.mobile-only-home .mobile-story-card p {
font-size: clamp(9px, 2.55vw, 11.5px);
line-height: 1.45;
}
.mobile-cloud-forest-transition {
display: block;
position: relative;
height: clamp(122px, 30vw, 170px);
margin-top: clamp(-78px, -17vw, -46px);
margin-bottom: clamp(-74px, -18vw, -52px);
background:
linear-gradient(180deg, rgba(70, 139, 124, 0) 0%, rgba(40, 92, 73, 0.2) 48%, rgba(16, 45, 34, 0.18) 100%),
url(../assets/landing-page/Green_Bush_Transition.webp) center top / 280% auto no-repeat;
filter: saturate(1.08) contrast(1.04);
pointer-events: none;
z-index: 6;
}
.mobile-only-home .what-we-do-section {
min-height: 980px;
padding: 118px 18px 96px;
background:
linear-gradient(180deg, rgba(14, 55, 44, 0.08) 0%, rgba(5, 24, 20, 0.42) 100%),
radial-gradient(circle at 52% 22%, rgba(165, 230, 255, 0.24) 0%, rgba(165, 230, 255, 0) 42%),
url(../assets/landing-page/backgrounds/Staircase_BG.webp) 52% top / auto 118% no-repeat,
url(../assets/landing-page/backgrounds/Cloud_Expertise_BG.webp) center top / cover no-repeat;
}
.mobile-only-home .what-we-do-section::before {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(90deg, rgba(4, 24, 19, 0.58) 0%, rgba(4, 24, 19, 0) 26%, rgba(4, 24, 19, 0) 74%, rgba(4, 24, 19, 0.54) 100%),
linear-gradient(180deg, rgba(10, 54, 43, 0.36) 0%, rgba(6, 24, 20, 0.04) 36%, rgba(3, 15, 12, 0.52) 100%);
pointer-events: none;
z-index: 0;
}
.mobile-only-home .what-we-do-section .cloud-img {
z-index: 1;
opacity: 0.5;
filter: saturate(0.92);
}
.mobile-only-home .what-we-do-section .content-card {
position: relative;
z-index: 2;
margin-top: 0;
margin-bottom: 28px;
padding: 8px;
border-radius: 12px;
background: rgba(12, 38, 32, 0.18);
box-shadow: 0 20px 46px rgba(3, 18, 15, 0.28);
}
.mobile-only-home .what-we-do-section .what-we-do-card {
width: min(78vw, 316px);
margin-left: 0;
margin-right: auto;
}
.mobile-only-home .what-we-do-section .fueling-tomorrow-card {
width: min(88vw, 372px);
margin-left: auto;
margin-right: auto;
}
.mobile-only-home .what-we-do-section .what-we-offer-card {
width: min(78vw, 316px);
margin-left: auto;
margin-right: 0;
}
.mobile-only-home .mobile-forest-path-card .content-card-inner {
min-height: auto !important;
padding: 20px 18px;
border-radius: 10px;
background:
linear-gradient(180deg, rgba(239, 248, 238, 0.9), rgba(212, 230, 207, 0.82));
border: 1px solid rgba(255, 239, 184, 0.46);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.7),
inset 0 -14px 22px rgba(63, 87, 54, 0.12);
}
.mobile-only-home .mobile-forest-path-card .content-card-inner h3 {
margin-left: 0;
color: #173564;
font-size: clamp(17px, 4.8vw, 22px);
line-height: 1.08;
}
.mobile-only-home .mobile-forest-path-card .content-card-inner p,
.mobile-only-home .mobile-forest-path-card .content-card-inner li {
color: #173564;
font-size: clamp(10.5px, 3vw, 13px);
line-height: 1.52;
}
.events-sponsors-bg::before {
background: url(../assets/landing-page/Green_Bush_Transition.webp) center top / 220% auto no-repeat;
}
.events-to-sponsors-transition {
background:
linear-gradient(180deg, rgba(6, 25, 20, 0) 0%, rgba(5, 20, 16, 0.28) 58%, rgba(5, 20, 16, 0) 100%),
url(../assets/landing-page/Green_Bush_Transition.webp) center top / 235% auto no-repeat;
}
.events-section {
background:
linear-gradient(180deg, rgba(10, 48, 41, 0.1) 0%, rgba(5, 20, 17, 0.56) 100%),
url(../assets/landing-page/backgrounds/Himas-Archive-Three-Stones.webp) 50% top / auto 100% no-repeat !important;
}
.events-section .event-archives-container {
max-width: 100%;
padding: 22px 14px 18px;
}
.events-section .events-subtitle {
max-width: none;
margin-bottom: 12px;
}
.events-carousel-progress {
display: flex;
align-items: end;
justify-content: space-between;
gap: 12px;
margin-bottom: 12px;
}
.events-carousel-count {
display: inline-flex;
align-items: center;
min-height: 24px;
padding: 4px 10px;
border-radius: 999px;
background: rgba(18, 56, 46, 0.72);
color: #f6ebbb;
font-family: "Poppins", sans-serif;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
white-space: nowrap;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
.events-carousel-helper {
margin: 0;
color: rgba(244, 251, 233, 0.82);
font-family: "Poppins", sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 1.35;
text-align: right;
}
.events-carousel {
height: auto;
overflow: hidden;
padding: 0 0 8px;
}
.events-carousel-track {
display: flex;
align-items: stretch;
gap: 14px;
height: auto;
transition: transform 0.42s cubic-bezier(0.25, 1, 0.33, 1);
will-change: transform;
}
.event-slide {
flex: 0 0 min(82vw, 308px);
justify-content: center;
align-items: stretch;
padding: 8px 0 10px;
transition: transform 0.28s ease, opacity 0.28s ease;
opacity: 0.56;
transform: scale(0.96);
}
.event-slide.is-active {
opacity: 1;
transform: scale(1);
}
.events-section .event-card-mobile {
width: 100%;
height: 376px;
padding: 10px;
border-radius: 10px;
box-shadow:
0 22px 38px rgba(2, 15, 12, 0.42),
inset 0 1px 0 rgba(255, 255, 255, 0.22),
inset 0 -10px 18px rgba(20, 28, 20, 0.16);
}
.events-section .event-card-inner {
grid-template-rows: 154px 1fr;
border-radius: 8px;
}
.events-section .event-image-mobile img {
height: 100%;
}
.events-section .event-content-mobile {
gap: 10px;
padding: 14px 14px 16px;
}
.events-section .event-content-mobile h3 {
font-size: 15px;
}
.events-section .event-content-mobile p {
font-size: 10.5px;
line-height: 1.42;
}
.events-section .event-location {
font-size: 10.5px;
}
.events-section .event-archive-cta {
margin-top: auto;
}
.events-section .carousel-nav-left,
.events-section .carousel-nav-right {
top: 48%;
width: 38px;
height: 38px;
border-radius: 50%;
background: rgba(8, 30, 20, 0.82);
border: 1px solid rgba(255, 216, 126, 0.34);
color: #ffd86e;
box-shadow: 0 10px 18px rgba(1, 11, 9, 0.24);
}
.events-section .carousel-nav-left {
left: 2px;
}
.events-section .carousel-nav-right {
right: 2px;
}
.events-section .carousel-nav-left svg,
.events-section .carousel-nav-right svg {
width: 14px;
height: 18px;
}
.events-section .carousel-indicators {
margin-top: 4px;
}
.sponsorship-section {
background:
linear-gradient(180deg, rgba(5, 20, 16, 0.34) 0%, rgba(3, 11, 8, 0.94) 100%),
url(../assets/landing-page/backgrounds/Events-Forest-Archive-BG.webp) center top / cover no-repeat;
}
.landing-page .chatbot-trigger {
right: max(10px, env(safe-area-inset-right));
bottom: max(12px, env(safe-area-inset-bottom));
transform: scale(0.9);
transform-origin: bottom right;
}
.landing-page .chatbot-trigger-inner {
width: 46px;
height: 46px;
justify-content: center;
padding: 0;
}
.landing-page .chatbot-trigger-label {
display: none;
}
.partner-carousel-card {
flex: 0 0 min(69vw, 248px);
min-height: 388px;
padding: 18px 14px 16px;
border-radius: 22px;
background:
linear-gradient(180deg, rgba(16, 22, 18, 0.3) 0%, rgba(6, 10, 8, 0.7) 100%),
url("../assets/landing-page/partners/relic-stone-slab.webp") center/cover no-repeat;
border: 1px solid rgba(236, 214, 161, 0.24);
box-shadow:
0 20px 34px rgba(2, 10, 7, 0.46),
inset 0 1px 0 rgba(255, 246, 218, 0.16),
inset 0 -12px 24px rgba(14, 17, 14, 0.3);
transform: scale(0.96);
opacity: 1;
filter: saturate(0.82) brightness(0.88);
justify-content: space-between;
overflow: hidden;
position: relative;
isolation: isolate;
}
.partner-carousel-card::before {
content: "";
position: absolute;
inset: 10px;
border-radius: 16px;
background:
linear-gradient(180deg, rgba(255, 246, 225, 0.08), rgba(20, 25, 21, 0.12)),
url("../assets/landing-page/partners/relic-stone-slab.webp") center/cover no-repeat;
border: 1px solid rgba(242, 221, 176, 0.22);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.22),
inset 0 -10px 18px rgba(12, 16, 13, 0.28);
opacity: 0.95;
z-index: 0;
pointer-events: none;
}
.partner-carousel-card:hover {
transform: scale(0.99);
filter: saturate(0.92) brightness(0.96);
}
.partner-carousel-card > * {
position: relative;
z-index: 1;
}
.partner-card-logo-frame {
width: 108px;
height: 108px;
margin-bottom: 14px;
background: linear-gradient(180deg, rgba(241, 236, 210, 0.96), rgba(177, 183, 159, 0.92));
border: 2px solid rgba(255, 229, 170, 0.36);
box-shadow:
inset 0 2px 6px rgba(65, 62, 50, 0.32),
0 8px 18px rgba(5, 12, 9, 0.28);
}
.partner-card-copy {
width: 100%;
margin-top: auto;
max-width: 100%;
padding: 18px 12px 16px;
border-radius: 16px;
background:
linear-gradient(180deg, rgba(244, 239, 221, 0.97), rgba(195, 200, 177, 0.95)),
url("../assets/landing-page/partners/relic-stone-slab.webp") center/cover no-repeat;
background-blend-mode: soft-light, normal;
border: 1px solid rgba(250, 230, 182, 0.54);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.84),
inset 0 -8px 16px rgba(94, 100, 82, 0.14),
0 10px 18px rgba(5, 13, 10, 0.24);
text-align: center;
box-sizing: border-box;
display: grid;
gap: 8px;
}
.partner-card-label {
margin: 0 0 6px;
color: #395133;
font-family: "Poppins", sans-serif;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.partner-card-name {
margin: 0 0 6px;
color: #20314f;
font-size: 14px;
line-height: 1.12;
text-align: center;
text-shadow: none;
text-wrap: balance;
}
.partner-card-name--long {
font-size: 13px;
line-height: 1.1;
}
.partner-card-name--xlong {
font-size: 11.5px;
line-height: 1.08;
}
.partner-card-type {
margin: 0 0 8px;
color: #45603f;
font-size: 10px;
line-height: 1.3;
text-align: center;
text-shadow: none;
text-wrap: balance;
}
.partner-card-type--long {
font-size: 9px;
line-height: 1.24;
}
.partner-card-desc {
max-height: none;
padding: 0 2px;
color: #213148;
font-size: 10px;
line-height: 1.46;
font-weight: 600;
text-align: center;
text-wrap: balance;
}
}
@media (prefers-reduced-motion: reduce) {
.landing-page *,
.landing-page *::before,
.landing-page *::after {
animation-duration: 0.001ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
transition-duration: 0.001ms !important;
}
/* Keep the partner marquee looping — it is gentle continuous motion, not jarring animation */
.partners-marquee-track {
animation-duration: var(--marquee-duration, 36s) !important;
animation-iteration-count: infinite !important;
}
}