body{background-color:var(--bg-color-1)}.main-wrapper{background-color:#fffdf0;width:100%;position:relative;overflow:hidden}.main-layout{overflow-x:hidden}.relative-position{position:relative}.z-index-10{z-index:10}.full-width{width:100%}.hero-section{box-sizing:border-box;background-color:#fffdf0;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100vh;display:flex;position:relative;padding:0!important}.hero-content{z-index:10;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;margin-top:0;display:flex}.hero-subtitle{text-align:center;letter-spacing:.2em;text-transform:uppercase;margin-bottom:2rem;font-family:Fredoka,sans-serif;font-size:1.25rem;font-weight:800;color:#5a321e!important}.hero-btn-group{flex-direction:row;gap:1rem;display:flex}.hero-btn{z-index:10;color:#fffdf0;letter-spacing:.05em;cursor:pointer;background-color:#5a321e;border:none;border-radius:9999px;margin-top:3rem;padding:.875rem 2.5rem;font-family:Lexend,sans-serif;font-size:.875rem;font-weight:700;transition:all .2s ease-in-out;box-shadow:0 4px 6px -1px #0000001a}.hero-btn:hover{background-color:#3b1e10}.banner{z-index:-1;width:100%}.banner img{object-fit:cover;width:100%;height:100%}.btn-next{color:#fffc;cursor:pointer;background-color:#0000001a;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:2rem;transition:all .3s;display:flex}.btn-next:hover{color:#f3f2f2;background:#0000004d;transform:scale(1.1)}.btn-next.left svg{transform:translate(-3px)}.btn-next.right svg{transform:translate(3px)}.reg-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;box-sizing:border-box;background-color:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.5rem;display:flex;position:fixed;top:0;left:0}.reg-modal-content{background-color:#fffdf0;border-radius:24px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;padding:2rem 2.5rem;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.reg-modal-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.reg-modal-title{color:#5a321d;margin:0;font-family:Fredoka,sans-serif;font-size:2rem}.reg-modal-close{color:#5a321d;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.8rem;transition:transform .2s,color .2s;display:flex}.reg-modal-close:hover{color:#a85e1a;transform:scale(1.1)rotate(90deg)}.reg-modal-body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:1.5rem;padding-right:.5rem;display:flex;overflow-y:auto}.reg-modal-overlay,.lomba-overlay-layer,.faq-cat-overlay-layer{touch-action:pan-y;overscroll-behavior:auto}.reg-modal-content{overscroll-behavior:contain;touch-action:pan-y}.reg-modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.lomba-expanded-card,.faq-cat-expanded-card{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.reg-modal-body::-webkit-scrollbar{width:4px}.lomba-expanded-card::-webkit-scrollbar{width:4px}.faq-cat-expanded-card::-webkit-scrollbar{width:4px}.reg-modal-body::-webkit-scrollbar-track{background:0 0}.lomba-expanded-card::-webkit-scrollbar-track{background:0 0}.faq-cat-expanded-card::-webkit-scrollbar-track{background:0 0}.reg-modal-body::-webkit-scrollbar-thumb{background:#5a321d4d;border-radius:10px}.lomba-expanded-card::-webkit-scrollbar-thumb{background:#5a321d4d;border-radius:10px}.faq-cat-expanded-card::-webkit-scrollbar-thumb{background:#5a321d4d;border-radius:10px}.reg-modal-body,.lomba-expanded-card,.faq-cat-expanded-card{scrollbar-width:thin;scrollbar-color:#5a321d4d transparent}.reg-category-title{color:#2c1913;margin-top:0;margin-bottom:1rem;font-family:Fredoka,sans-serif;font-size:1.4rem}.reg-link-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.reg-link-btn{text-align:center;background-color:#5a321d;border-radius:12px;justify-content:center;align-items:center;padding:.8rem 1rem;font-family:Lexend,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 6px #0000001a;color:#fffdf0!important}.desc-section{z-index:10;box-sizing:border-box;background-color:#a85e1a;flex-direction:column;gap:2.5rem;width:100%;min-height:100vh;padding:20rem 15vw 30rem;display:flex;position:relative}.desc-text{text-align:center;color:#fff}.abcd{object-fit:scale-down;height:14rem}.desc-wave{top:72rem}.video-section{text-align:center;box-sizing:border-box;flex-direction:column;gap:1rem;width:100%;max-width:720px;margin:4rem auto 0;padding:0 1rem;display:flex;position:relative}.video-box{aspect-ratio:16/9;border-radius:25px;width:100%;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.video-iframe{width:100%;height:100%;position:absolute;top:0;left:0}.video-caption{color:#fff;opacity:.9;margin-top:.5rem;font-family:Lexend,sans-serif;font-size:1rem}.title{text-align:center;font-family:Fredoka,sans-serif;font-size:5rem;font-weight:600}.title.dark-text{z-index:10;position:relative;color:#2c1913!important}.sec2{background-color:#5a321d;background-image:url(/img/abcd-bg.png);background-position:50%;background-repeat:no-repeat;background-size:auto;width:100%}.divider{z-index:10;background-color:#a85e1a;border:none;width:100%;margin-top:-3px;margin-bottom:-3px;line-height:0;display:block;position:relative}.divider.flipped{transform:scaleY(-1)}.divider.bg-light{background-color:#fffdf0!important}.benefit-section{flex-direction:column;gap:10rem;width:100%;margin:0;padding:5rem 10vw;display:flex}.benefit-container{justify-content:space-between;gap:3rem;width:100%;display:flex}.benefit-box{flex-direction:column;align-items:center;display:flex}.benefit-icon{background-color:#fffdf0;border-radius:50px 50px 0 0;width:12rem;height:3rem;margin:0 0 -1px;transition:all .3s;position:relative}.benefit-box:hover .benefit-icon{transform:scale(1.1)}.benefit-icon img{filter:drop-shadow(0 10px 10px #00000040);width:80%;animation:3s ease-in-out infinite float;position:absolute;top:-3rem;left:50%;transform:translate(-50%)}.float2{animation:3s ease-in-out infinite float2!important}@keyframes float{0%{transform:translate(-50%)}50%{transform:translate(-50%,-25px)}to{transform:translate(-50%)}}@keyframes float2{0%{transform:translate(-50%,-25px)}50%{transform:translate(-50%)}to{transform:translate(-50%,-25px)}}.benefit-text{background-color:#fffdf0;border-radius:50px;width:20rem;min-height:30rem;padding:4rem 2rem 0;font-family:Fredoka,sans-serif}.benefit-text h2{text-align:center;margin-bottom:2rem;font-size:1.5rem;font-weight:600}.benefit-text p{text-align:justify;color:#2c1913}.competiton-section{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:5rem 2rem 10rem;display:flex;position:relative}.lomba-grid-container{z-index:10;flex-wrap:wrap;justify-content:center;gap:2.5rem;width:100%;max-width:900px;margin-top:4rem;display:flex;position:relative}.lomba-base-circle{cursor:pointer;box-sizing:border-box;will-change:transform,width,height,border-radius;backface-visibility:hidden;background-color:#823521;justify-content:center;align-items:center;width:160px;height:160px;transition:all .4s;display:flex;transform:translateZ(0);box-shadow:0 10px 25px #0000001a}.lomba-base-circle.dimmed{opacity:.2;pointer-events:none;transform:scale(.9)translateZ(0)}.lomba-icon-wrapper{transition:transform .15s ease-out}.lomba-base-circle:hover .lomba-icon-wrapper{transform:scale(1.05)}.lomba-static-title,.lomba-static-desc{color:#2c1913;text-align:center;white-space:nowrap;flex-direction:row;margin:0;font-family:Fredoka,sans-serif;font-size:1.3rem;font-weight:600;display:flex}.lomba-overlay-layer{pointer-events:auto;z-index:50;border-radius:100%;justify-content:center;width:100%;height:100%;padding:15rem 0 0;display:flex;position:absolute;top:0;left:0}.lomba-expanded-card{pointer-events:auto;box-sizing:border-box;background-color:#fffdf0;border-radius:100%;justify-content:center;width:90%;max-width:900px;height:100%;min-height:480px;display:flex;position:relative;overflow:hidden auto;box-shadow:0 25px 50px -12px #2c191340}.lomba-expanded-card::-webkit-scrollbar{display:none}.lomba-expanded-content-wrapper{box-sizing:border-box;border-radius:100%;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:2.5rem 2rem;display:flex}.lomba-expanded-header-icon{background-color:#823521;border-radius:100%;flex-shrink:0;justify-content:center;align-items:center;width:calc(5rem + 4px);height:calc(5rem + 4px);margin-bottom:1rem;display:flex;box-shadow:0 8px 20px #cc5f274d}.lomba-expanded-header-icon img{object-fit:contain;width:5rem;height:5rem}.expanded-title{color:#2c1913;letter-spacing:.05em;text-align:center;font-family:Fredoka,sans-serif;font-size:2.25rem;font-weight:700}.expanded-desc{color:#2c1913;letter-spacing:.05em;text-align:center;margin:0 0 1.5rem;font-family:Fredoka,sans-serif;font-size:1.3rem;font-weight:600}.lomba-expanded-details{flex-direction:column;align-items:center;gap:2rem;width:100%;display:flex}.sub-lomba-grid{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;max-width:520px;display:flex}.sub-lomba-badge{color:#5a321d;text-align:center;background-color:#f4ebd9;border:1.5px solid #e0d5c1;border-radius:999px;padding:.6rem 1.25rem;font-family:Lexend,sans-serif;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 2px 5px #00000008}.sub-lomba-badge:hover{color:#fffdf0;background-color:#5a321d;border-color:#5a321d;transform:translateY(-2px)}.btn-close-lomba{color:#fffdf0;cursor:pointer;background-color:#5a321d;border:none;border-radius:999px;padding:.8rem 3rem;font-family:Lexend,sans-serif;font-size:.95rem;font-weight:700;transition:all .2s;box-shadow:0 4px 15px #5a321d40}@media (max-width:768px){.lomba-expanded-card{width:92%;min-height:auto}.lomba-expanded-content-wrapper{padding:2rem 1.25rem}.lomba-expanded-header-icon{width:70px;height:70px;margin-bottom:.75rem}.expanded-title{margin-bottom:1.25rem;font-size:1.75rem}.sub-lomba-badge{padding:.5rem 1rem;font-size:.85rem}}.lomba-expanded-details{box-sizing:border-box;text-align:center;pointer-events:auto;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:600px;padding:0 2rem;display:flex}.lomba-expanded-details p{color:#2c1913;margin:0;font-size:1.1rem;line-height:1.6}.expanded-lomba-icon img{object-fit:contain;width:100%;height:100%}.btn-close-lomba{color:#fffdf0;cursor:pointer;background-color:#5a321d;border:none;border-radius:999px;padding:.75rem 2.5rem;font-family:Lexend,sans-serif;font-weight:700;transition:transform .2s,background-color .2s;box-shadow:0 4px 15px #00000026}.btn-close-lomba:hover{background-color:#3b1e10;transform:scale(1.05)}.gallery-section{flex-direction:column;gap:5rem;width:100%;margin:10rem 0;padding:5rem 0;display:flex}.gallery-marquee-container{width:100%;position:relative;overflow:hidden}.gallery-marquee-track{flex-direction:row;width:max-content;display:flex}.gallery-marquee-list{will-change:transform;flex-direction:row;justify-content:space-around;gap:2rem;padding-right:2rem;animation:15s linear infinite scrollMarquee;display:flex}.gallery-marquee-track:hover .gallery-marquee-list{animation-play-state:paused}.gallery-item{border-radius:.5rem;flex-shrink:0;width:400px;height:250px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000f}.gallery-img-element{object-fit:cover}.gear-gallery{z-index:0!important}.sponsor-section{margin:0 0 50rem}@keyframes scrollMarquee{0%{transform:translate(0,0)}to{transform:translate(-100%)}}.faq-section{width:100%;min-height:80rem;padding:5rem 2rem;position:relative;overflow:hidden}.faq-bg-parallelogram{z-index:1;clip-path:polygon(0% 30%,100% 0%,100% 100%,0% 70%);pointer-events:none;background:#a85e1a;width:100%;height:45rem;position:absolute;top:20rem;left:0}.faq-head,.faq-container,.faq-ask{z-index:10;position:relative}.faq-head p{color:#271611;text-align:center;font-family:Fredoka,sans-serif;font-size:2rem}.faq-container{flex-direction:column;align-items:center;gap:1.5rem;width:100%;margin:5rem 0 0;display:flex}.faq-cat-grid-container{z-index:10;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:900px;margin:4rem auto 0;display:flex;position:relative}.faq-cat-base-box{cursor:pointer;box-sizing:border-box;will-change:transform,width,height,border-radius;backface-visibility:hidden;text-align:center;background-color:#fffdf0;justify-content:center;align-items:center;width:100%;padding:1.5rem 2rem;transition:opacity .4s,transform .4s;display:flex;transform:translateZ(0);box-shadow:0 10px 25px #0000001a}.faq-cat-base-box.dimmed{opacity:.2;pointer-events:none}.faq-cat-base-box:hover{transform:scale(1.05)}.faq-cat-title{color:#2c1913;margin:0;font-family:Fredoka,sans-serif;font-size:1.25rem;font-weight:600}.faq-cat-overlay-layer{pointer-events:auto;z-index:50;justify-content:center;width:100%;height:100%;padding:10rem 0 5rem;display:flex;position:absolute;top:10rem;left:0}.faq-cat-expanded-card{pointer-events:auto;box-sizing:border-box;will-change:transform,width,height,border-radius;backface-visibility:hidden;background-color:#fffdf0;flex-direction:column;width:90%;max-width:900px;max-height:85vh;padding:3rem 2rem;display:flex;position:relative;overflow-y:auto;transform:translateZ(0);box-shadow:0 20px 50px #0000004d}.faq-cat-expanded-card::-webkit-scrollbar{display:none}.faq-cat-expanded-content-wrapper{box-sizing:border-box;pointer-events:none;flex-direction:column;align-items:center;width:100%;display:flex}.faq-cat-expanded-details{pointer-events:auto;flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.faq-cat-expanded-details .faq-box{width:100%;margin:0}.btn-close-faq-cat{color:#fffdf0;cursor:pointer;pointer-events:auto;background-color:#5a321d;border:none;border-radius:999px;flex-shrink:0;margin-top:2rem;padding:.75rem 2.5rem;font-family:Lexend,sans-serif;font-weight:700;transition:transform .2s,background-color .2s;box-shadow:0 4px 15px #00000026}.btn-close-faq-cat:hover{background-color:#3b1e10;transform:scale(1.05)}.faq-box{-webkit-user-select:text;user-select:text;border:3px solid #5a321d;border-radius:24px;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.faq-box.active{background-color:#fffef7;border:3px solid #a85e1a}.faq-title{color:#2c1913;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:1.5rem 2rem;font-family:Fredoka,sans-serif;font-size:1.25rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.faq-title:hover{color:#5a321d}.faq-icon-arrow{align-items:center;transition:transform .3s;display:flex}.faq-icon-arrow.rotate{transform:rotate(180deg)}.faq-content-wrapper{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out,opacity .3s ease-out;display:grid}.faq-box.active .faq-content-wrapper{opacity:1;grid-template-rows:1fr}.faq-content{color:#2c1913;white-space:pre-line;padding:0 2rem 1.5rem;font-family:Lexend,sans-serif;font-size:1rem;line-height:1.6;overflow:hidden}.faq-ask{z-index:10;justify-content:center;align-items:center;width:100%;margin-top:2rem;display:flex;position:relative}.faq-ask span{color:#fffdf0;filter:drop-shadow(0 10px 25px #00000040);cursor:pointer;-webkit-user-select:none;user-select:none;will-change:transform;background-color:#5a321d;border-radius:9999px;padding:1rem 2.5rem;font-family:Fredoka,sans-serif;font-weight:600;transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .2s,filter .2s;display:inline-block}.faq-ask span:hover{filter:drop-shadow(0 15px 30px #00000059);background-color:#3b1e10}.faq-ask span:active{filter:drop-shadow(0 5px 10px #00000026);transform:scale(.95)}.footer{width:100%}.footer-container{background-color:#5a321d;flex-direction:column;align-items:center;gap:2rem;height:20vh;min-height:30rem;padding:5rem 0;display:flex}.footer-content{z-index:10;gap:2rem;display:flex}.footer a{cursor:pointer;transition:all .3s;text-decoration:none!important}.footer a:hover,.social-link:hover{opacity:.8}.footer-title{color:#fffdf0;z-index:10;margin:0;font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:600}.footer-socials{z-index:10;flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:1rem;display:flex}.social-link{color:#fffdf0;align-items:center;gap:.75rem;font-family:Lexend,sans-serif;font-size:1rem;font-weight:500;display:flex}.footer-content a{color:#fffdf0;font-family:Lexend,sans-serif;font-size:.9rem}.gear-gallery{position:absolute;bottom:1rem;left:-8rem;height:24rem!important}.gear-right{left:auto;right:-8rem}.btn-up-container{justify-content:center;width:100%;display:flex;position:absolute;bottom:5rem}.btn-up{color:#5a321d;cursor:pointer;background-color:#fffdf0;border-radius:50px;padding:1rem;font-size:1.5rem;transition:all .3s}.btn-up:hover{transform:scale(1.1)}img.footer{z-index:10;border:none;margin-top:-3px;margin-bottom:-3px;line-height:0;display:block;position:relative}@media screen and (max-width:1256px){.benefit-container{flex-direction:column;gap:15rem}.benefit-icon{width:50%;max-width:16rem}.benefit-text{width:100%;max-width:32rem;padding:6rem 2rem 2rem}}@media (max-width:768px){.reg-modal-content{padding:1.5rem}.reg-modal-title{font-size:1.5rem}.reg-link-grid{grid-template-columns:1fr}.title{font-size:3.5rem}.abcd{height:10rem}.desc-section{padding:20rem 1rem 30rem}.lomba-grid-container,.faq-cat-grid-container{gap:1.5rem}.lomba-base-circle,.faq-cat-base-circle{width:130px;height:130px}.lomba-static-title,.faq-cat-title{font-size:1.1rem}.lomba-expanded-content-wrapper,.faq-cat-expanded-content-wrapper{padding-top:3rem}.expanded-title{margin-bottom:1.5rem;font-size:1.75rem}.lomba-expanded-details,.faq-cat-expanded-details{width:95%}.lomba-expanded-details p{font-size:.95rem}.gear-gallery{left:-20rem}.gear-right{left:auto;right:-20rem}.footer-container{height:70vh}.footer-socials{flex-direction:column;align-items:center;gap:1.5rem}.footer-content{flex-direction:column;align-items:center;gap:1rem}}
.animate-gear-clockwise{animation:20s linear infinite spin}.animate-gear-counter{animation:25s linear infinite reverse spin}.animate-gear-fast{animation:10s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gear-left-container,.gear-right-back-container,.gear-right-front-container{pointer-events:none;z-index:1;will-change:transform;position:absolute;transform:translateZ(0)}.gear-left-container{z-index:20;width:25.2rem;height:25.2rem;bottom:-8.6rem;left:-11.2rem}.gear-right-back-container{z-index:20;width:22.4rem;height:22.4rem;bottom:-5.8rem;right:-7rem}.gear-right-front-container{z-index:20;width:18.2rem;height:18.2rem;bottom:-14.2rem;right:-9.8rem}.gear-img{object-fit:contain;width:100%!important;height:100%!important}@media (max-width:1420px){.gear-left-container{width:23.8rem;height:23.8rem;bottom:-8.6rem;left:-11.2rem}.gear-right-back-container{width:21rem;height:21rem;bottom:-4.4rem;right:-8.4rem}.gear-right-front-container{width:16.8rem;height:16.8rem;bottom:-10rem;right:-7rem}}@media (max-width:768px){.gear-left-container{width:19.6rem;height:19.6rem;bottom:-7.2rem;left:-12.6rem}.gear-right-back-container{width:17.5rem;height:17.5rem;bottom:-4.4rem;right:-11.2rem}.gear-right-front-container{width:14rem;height:14rem;bottom:-8.6rem;right:-8.4rem}}@media (max-width:512px){.gear-left-container{width:19.6rem;height:19.6rem;bottom:-11.4rem;left:-12.6rem}.gear-right-back-container{width:17.5rem;height:17.5rem;bottom:-11.4rem;right:-11.2rem}.gear-right-front-container{width:14rem;height:14rem;bottom:-17rem;right:-11.2rem}}
.navbar{filter:drop-shadow(0 10px 30px #00000026);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background-color:#fffdf0e6;border-radius:150px;width:70dvw;height:60px;margin:7dvh 15dvw;font-family:Lexend,sans-serif;font-weight:500;transition:all .4s cubic-bezier(.16,1,.3,1);position:fixed}.navbar-container{justify-content:space-between;align-items:center;height:100%;padding:0 3rem;display:flex;position:relative}.desktop-menu{align-items:center;gap:3rem;display:flex}.desktop-menu a,.mobile-menu a{color:var(--text-color-2);padding:5px 0;font-size:.95rem;text-decoration:none;transition:color .3s;position:relative}.desktop-menu a:hover,.mobile-menu a:hover,.desktop-menu a.active-link,.mobile-menu a.active-link{color:#a85e1a}.abcd-logo{z-index:1001;cursor:pointer;width:6rem;transition:transform .3s;position:absolute;left:50%;transform:translate(-50%)translateY(-5%)}.abcd-logo:hover{transform:translate(-50%)translateY(-10%)scale(1.05)}.mobile-menu-btn{color:var(--text-color-2);cursor:pointer;z-index:1001;background:0 0;border:none;font-size:1.5rem;transition:transform .3s cubic-bezier(.16,1,.3,1);display:none}.mobile-menu-btn:hover{transform:scale(1.1)}.mobile-menu-btn:active{transform:scale(.9)}.mobile-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none}@media (max-width:1256px){.navbar{width:90vw;margin:4dvh 5vw}.desktop-menu{gap:1.5rem}.abcd-logo{width:5rem}}@media (max-width:768px){.mobile-menu-btn{display:block}.desktop-menu{display:none}.navbar{border-radius:30px}.navbar-container{padding:0 2rem}.abcd-logo{width:4rem;margin:0 auto;position:relative;left:0;transform:translateY(-5%)}.mobile-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;opacity:0;pointer-events:none;background-color:#fffdf0f2;border-radius:24px;flex-direction:column;align-items:center;gap:1.5rem;width:100%;padding:1.5rem 0;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:75px;left:0;transform:translate(-20%)skew(2deg);box-shadow:0 20px 30px #00000026}.mobile-menu.active{opacity:1;pointer-events:auto;transform:translate(0)skew(0)}.mobile-menu a{padding:.5rem 2rem;font-size:1.1rem}}
.wave-bg-container{z-index:1;width:100%;line-height:0;position:absolute;bottom:0;left:0;overflow:hidden;transform:translateY(1px)}.layered-waves{transform-origin:bottom;width:200%;height:380px;display:block;position:relative;transform:scaleY(1.4)}.wave-layer-1{fill:#d9933b;opacity:.6;animation:22s cubic-bezier(.36,.45,.63,.53) infinite alternate wave-move-right}.wave-layer-2{fill:#c67a2b;opacity:.8;animation:14s cubic-bezier(.36,.45,.63,.53) infinite alternate wave-move-left}.wave-layer-3{fill:#a85e1a;animation:8s cubic-bezier(.36,.45,.63,.53) infinite alternate wave-move-right}@keyframes wave-move-right{0%{transform:translate(0,0)}50%{transform:translate(-15rem,15px)}to{transform:translate(-30rem)}}@keyframes wave-move-left{0%{transform:translate(-30rem)}50%{transform:translate(-15rem,-10px)}to{transform:translate(0,0)}}@media (max-width:768px){.layered-waves{height:240px;transform:scaleY(1.2)}}