html,body{overflow-x:hidden}body{position:relative}.flex-row{display:flex;flex-direction:row}.appbar-logo{width:40px;height:40px}.hero-shot-text{width:clamp(300px,70%,1000px);margin-top:50px}.flex-center{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.hero-shot-photo{width:clamp(400px,100%,1000px);height:100%;position:relative;object-fit:cover;object-position:top}.hero-photo-div{height:400px;overflow:hidden}.waves{height:100%;overflow:visible;margin-top:50px;opacity:.5}.wave-contain{width:97svw;position:absolute;display:flex;justify-content:center;align-items:flex-end;overflow:hidden;z-index:-1}.gradient{background-color:#fff;overflow:hidden;background-image:radial-gradient(circle at -20% 120%,#1651aa9c 23%,transparent 40.05%),radial-gradient(circle at 130% -130%,#1651aae0 36%,transparent 65.05%)}.border-check{border:1px solid black}.jpcs-desc{width:clamp(200px,70%,900px);text-align:justify;font-size:clamp(8px,2.5vw,25px);color:#1a2056;text-shadow:2px 2px 4px #ffffff;z-index:1;background-color:#fffcf9a0}.banner{width:clamp(200px,70%,900px)}.div-block{display:flex;justify-content:center;align-items:center;margin-top:2em}.slogan{width:50%;z-index:10}.slogan-contain{align-items:center;background-image:url(/community/assets/SLOGANBG-DTaA-TLn.svg);background-size:100%;background-position-x:center;background-position-y:bottom;background-repeat:no-repeat;justify-content:space-around}.slogan-desc{width:clamp(200px,35%,900px);text-align:justify;font-size:clamp(8px,2.5vw,25px);z-index:1;color:#fff}.logo-text-contain{display:flex;justify-content:center;align-items:start}.logo-text{width:clamp(200px,30svw,800px)}.logo-desc{width:clamp(200px,60svw,1000px)}.logo-contain{display:flex;flex-direction:row;justify-content:center;align-items:top;padding-top:100px;width:100%;overflow:hidden}.code-image{width:clamp(200px,40%,900px);margin-left:40px}.code-future-contain{padding-top:2%;background-image:url(/community/assets/CODE-FUTURE-BG-BhZ7HDPb.svg);background-size:125%,125%;overflow:hidden;background-repeat:no-repeat;background-origin:center;aspect-ratio:5/3}.perks{display:flex;flex-direction:row}.perk-list{font-size:clamp(14px,2vw,25px);color:#1a2056;font-weight:700;text-wrap:nowrap}.perk-sub{width:45%}.down{color:#1a2056;font-size:clamp(8px,1.5vw,20px);padding-left:10px}.footer-wrapper{display:flex;gap:4em;padding-left:1dvw;padding-right:1dvw;padding-top:40px}.footer-sub{flex:6}.footer-title{color:#fff;font-weight:700;font-size:clamp(12px,4vw,20px)}.footer-sub-mid{flex:4;display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-sub-mid p{color:#fff;font-size:clamp(12px,4.5vw,26px);font-weight:700;text-align:center;margin:0}.footer-desc{color:#fff;text-align:justify;font-size:clamp(12px,1.4vw,16px);line-height:1.1rem;margin:0}.email-link{color:#fff;text-decoration:underline;letter-spacing:.5pt;margin-left:.5em;font-size:clamp(12px,1.4vw,16px);align-self:center}.footer-contain{padding:0,1dvw,0,1dvw;margin-top:auto;background-image:url(/community/assets/SLOGANBG-DTaA-TLn.svg);background-color:#1a2056;background-blend-mode:lighten;background-size:100%;background-position-x:center;background-position-y:bottom;background-repeat:no-repeat}.event-contain{background-image:radial-gradient(circle at 21% 68%,#3673ce69 0%,transparent 24.05%),radial-gradient(circle at 83% 26%,#336ec755 0%,transparent 16.05%);background-position:center;background-size:100vw 130vh;min-height:100vh;padding-top:4%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.event-hero-contain{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.event-hero-text{width:clamp(300pt,35%,1000px)}.save-the-dates{border:3px solid #1a2056;background-color:#fff;border-radius:20%;height:clamp(150px,20vw,250px);width:clamp(130px,20%,400px)}@media (max-width:880px){.wave-contain{margin-top:-90px;transition:margin-top 2s}.perk-sub{width:100%}.down{display:none}.footer-wrapper{padding-top:0;gap:0px}.footer-title,.footer-desc{width:87%}}@media (max-width:1200px){.slogan-desc{width:clamp(200px,80%,900px);text-align:justify;font-size:clamp(8px,2.5vw,25px);z-index:1;color:#fff}.slogan{width:90%}.logo-contain{padding-top:20px;flex-direction:column-reverse;align-items:center}.logo-desc{width:100%}.logo-text{width:50%}}