html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;padding:0;box-sizing:border-box;font-family:Lato,sans-serif}a{text-decoration:none;color:unset}.custom-subheader{display:flex;gap:20px;align-items:center}.custom-subheader .line{min-width:45px;max-height:0;border-top:1px solid black}.custom-subheader h3{text-transform:uppercase;text-align:center;font-size:18px;font-weight:800;color:#008dda}.sidebar{position:fixed;height:100vh;background-color:#4d4d4d;right:0;top:0;bottom:0;width:50%;z-index:999;display:none;transition:display .3s ease-in}.sidebar-links{list-style:none;text-align:left;color:#fff;padding-left:10px}.sidebar-links li{padding:20px;margin-bottom:10px}.sidebar-links li a{padding:5px 0}.sidebar-links li a:hover{opacity:.7;border-bottom:1px solid #ffffff;text-decoration:none}.sidebar-btn{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:40px}.sidebar-btn a{width:90%}.sidebar-btn .btn-login,.sidebar-btn .btn-register{padding:10px 30px;width:inherit;border:none;border-radius:5px;cursor:pointer;font-size:16px}.sidebar-btn .btn-login{background-color:transparent;color:#fff;border:1px solid white;transition:opacity .15s ease-in}.sidebar-btn .btn-login:hover{opacity:.7}.sidebar-btn .btn-register{background-color:#008dda;color:#fff;border:1px solid #008dda;transition:background-color .15s ease-in,color .15s ease-in}.sidebar-btn .btn-register:hover{background-color:#fff;color:#008dda}.nav-burger{display:none;color:#fff}.nav-burger i{font-size:30px}.navbar{position:fixed;width:100%;top:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;padding:7px 0;border-bottom:1px solid white;z-index:998}.scrolled{background-color:#4d4d4d;border-bottom:unset}.navbar-left{display:flex;align-items:center;gap:10px}.navbar-left .logo{width:70px;height:auto;aspect-ratio:1/1}.navbar-left .logo-divider{font-size:24px;font-weight:700;color:#fff;margin:0 15px}.navbar-center .nav-links{display:flex;list-style:none;gap:40px}.navbar-center .nav-links li a{color:#fff;text-decoration:none;font-size:16px;padding-bottom:3px}.navbar-center .nav-links li a:hover{border-bottom:1px solid #ffffff}.navbar-right{display:flex;gap:20px}.navbar-right .btn-login,.navbar-right .btn-register{padding:7px 27px;border:none;border-radius:30px;cursor:pointer;font-size:16px}.navbar-right .btn-login{background-color:transparent;color:#fff;border:1px solid white;transition:opacity .15s ease-in}.navbar-right .btn-login:hover{opacity:.7}.navbar-right .btn-register{background-color:#008dda;color:#fff;transition:background-color .15s ease-in,color .15s ease-in}.navbar-right .btn-register:hover{background-color:#fff;color:#008dda}#hero{height:100vh;background-size:cover;background-position:center;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hero-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh;text-align:center;color:#fff}.hero-content h1{max-width:80%;font-size:70px;margin-bottom:0;font-family:Inter,sans-serif}.hero-content p{font-size:20px;margin-bottom:40px;font-family:Lato,sans-serif}.hero-buttons{display:flex;align-items:center;gap:10px}.hero-buttons .btn-competition{padding:12px 45px;background-color:#008dda;color:#fff;border:none;border-radius:30px;cursor:pointer;font-size:20px;transition:background-color .15s ease-in,color .15s ease-in}.hero-buttons .btn-competition:hover{background-color:#fff;color:#008dda}.fa{font-size:30px;width:20px;text-align:center;text-decoration:none;border-radius:50%;transition:opacity .15s ease-in}.fa:hover{opacity:.7}.fa-facebook,.fa-instagram{color:#fff}.hero-buttons .social-icon{width:30px;height:30px}#pengenalan{display:flex;justify-content:center;align-items:center;gap:60px;padding:100px 8%}.pengenalan-img{width:600px}.pengenalan-img img{width:100%;border-radius:5px}.pengenalan-content h2{font-size:34px;font-family:Inter,sans-serif;margin:0;text-transform:uppercase;max-width:350px}.pengenalan-content p{font-size:16px;max-width:500px;text-align:justify}#riwayat{position:relative;padding:80px 0 0;background:#f8f4ea;color:#2c3e50;overflow:hidden;z-index:1}.riwayat-container{max-width:1200px;margin:0 auto;padding:0 20px 60px;position:relative;z-index:2}.riwayat-header{text-align:center;margin-bottom:50px}.riwayat-header h2{font-family:Inter,sans-serif;font-size:38px;font-weight:800;text-transform:uppercase;color:#2c3e50;margin:20px 0;position:relative}.riwayat-header h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#008dda,#00c4f7);border-radius:2px}.custom-center-subheader{display:flex;gap:20px;align-items:center;justify-content:center;margin-bottom:20px}.custom-center-subheader .line{min-width:45px;max-height:0;border-top:1px solid rgba(0,0,0,.3)}.custom-center-subheader h3{text-transform:uppercase;text-align:center;font-size:18px;font-weight:800;color:#008dda;margin:0}.riwayat-carousel-container{position:relative;margin:40px 0;padding:0 70px;overflow:hidden;contain:layout style paint}.riwayat-carousel{overflow:hidden;width:100%;position:relative}.riwayat-carousel-track{display:flex;gap:30px;transition:transform .5s ease;padding:20px 0;width:max-content;will-change:transform;cursor:grab;backface-visibility:hidden;perspective:1000px}.riwayat-carousel-track:active,.riwayat-carousel-track.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#008dda,#00c4f7);border:none;width:50px;height:50px;border-radius:50%;color:#fff;font-size:18px;cursor:pointer;box-shadow:0 4px 15px #008dda4d;transition:all .3s ease;z-index:10;opacity:1}.carousel-btn:hover{background:#fff;color:#008dda;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px #008dda66}.carousel-btn:focus{outline:3px solid rgba(0,141,218,.3);outline-offset:2px}.carousel-btn:disabled{opacity:.7;cursor:not-allowed}.carousel-prev{left:10px}.carousel-next{right:10px}.carousel-auto-play-indicator{display:flex;justify-content:center;gap:8px;margin-top:20px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%);z-index:5}.auto-play-dot{width:10px;height:10px;border-radius:50%;background-color:#008dda4d;cursor:pointer;transition:all .3s ease}.auto-play-dot.active,.auto-play-dot:hover{background-color:#008dda;transform:scale(1.2)}.riwayat-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.riwayat-particle{position:absolute;border-radius:50%;background-color:#ffffff0d}.riwayat-particle-1{width:300px;height:300px;top:-150px;right:10%;animation:floatSlow 20s infinite alternate ease-in-out}.riwayat-particle-2{width:500px;height:500px;bottom:-250px;left:-100px;opacity:.03}.riwayat-particle-3{width:200px;height:200px;top:30%;right:-100px;opacity:.04;animation:floatSlow 15s infinite alternate-reverse ease-in-out;animation-delay:-5s}.carousel-card{min-width:350px;max-width:350px;flex-shrink:0;flex-grow:0;position:relative}.riwayat-card{background-color:#fff;border:1px solid rgba(0,141,218,.1);border-radius:15px;padding:30px;height:400px;display:flex;flex-direction:column;transition:all .3s ease;position:relative;box-shadow:0 10px 30px #008dda1a;transform-style:preserve-3d;backface-visibility:hidden;overflow:hidden}.riwayat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#008dda,#00c4f7);transition:all .3s ease}.riwayat-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #008dda33}.riwayat-card:hover:before{height:6px;background:linear-gradient(90deg,#00c4f7,#008dda)}.riwayat-year{display:inline-block;background:linear-gradient(135deg,#008dda,#00c4f7);color:#fff;padding:8px 20px;text-align:center;border-radius:25px;font-size:14px;font-weight:600;margin-bottom:20px;box-shadow:0 4px 15px #008dda4d}.riwayat-title{font-family:Inter,sans-serif;font-size:22px;font-weight:700;color:#2c3e50;margin-bottom:15px;line-height:1.3}.riwayat-details{margin-bottom:20px;flex-grow:1}.riwayat-detail-item{display:flex;align-items:center;margin-bottom:10px;font-size:15px;color:#5a6c7d}.riwayat-detail-item i{color:#008dda;width:20px;margin-right:12px;font-size:14px}.hasil-acara{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:15px;border-radius:10px;border-left:4px solid #008dda;margin-top:auto;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-align:center}.hasil-acara:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,141,218,.1),transparent);transition:left .5s ease}.hasil-acara:hover:before{left:100%}.hasil-acara:hover{background:linear-gradient(135deg,#008dda,#00c4f7);color:#fff;transform:scale(1.02) translateY(-2px);box-shadow:0 8px 25px #008dda4d}.hasil-acara:focus{outline:2px solid #008dda;outline-offset:2px}.hasil-acara-title{font-weight:600;color:#008dda;font-size:14px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;transition:color .3s ease;position:relative;z-index:2}.hasil-acara-desc{color:#2c3e50;font-size:15px;line-height:1.4;transition:color .3s ease;position:relative;z-index:2}.hasil-acara:hover .hasil-acara-title,.hasil-acara:hover .hasil-acara-desc{color:#fff}.see-more-card{background:linear-gradient(135deg,#008dda,#00c4f7);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;border:none;overflow:hidden;position:relative}.see-more-card:before{background:#ffffff1a;height:4px}.see-more-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.see-more-card:hover:after{left:100%}.see-more-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;z-index:2;position:relative}.see-more-icon{font-size:48px;margin-bottom:20px;opacity:.9;animation:pulse 2s ease-in-out infinite}.see-more-title{font-family:Inter,sans-serif;font-size:24px;font-weight:700;margin-bottom:15px;color:#fff}.see-more-desc{font-size:16px;margin-bottom:25px;opacity:.9;line-height:1.4}.btn-see-more-all{background:#fff;color:#008dda;border:none;padding:12px 25px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.btn-see-more-all:hover{background:#fffffff2;transform:scale(1.05) translateY(-2px);box-shadow:0 6px 20px #00000026}.riwayat-bottom-action{text-align:center;margin:30px 0 20px}.btn-lihat-selengkapnya{background:linear-gradient(135deg,#008dda,#00c4f7);color:#fff;border:none;padding:15px 40px;border-radius:30px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #008dda4d}.btn-lihat-selengkapnya:hover{background:linear-gradient(135deg,#06c,#008dda);transform:translateY(-2px);box-shadow:0 6px 20px #008dda66}.btn-lihat-selengkapnya i{margin-right:10px}.riwayat-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;margin-bottom:0;padding:40px;background:#fff;border-radius:15px;box-shadow:0 10px 30px #008dda1a}.stat-item{text-align:center;padding:20px;border-radius:10px;transition:all .3s ease}.stat-item:hover{background:linear-gradient(135deg,#f8f9fa,#fff);transform:translateY(-5px)}.stat-number{font-family:Inter,sans-serif;font-size:36px;font-weight:800;color:#008dda;display:block;line-height:1}.stat-label{font-size:14px;color:#5a6c7d;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-top:8px}@keyframes pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.1);opacity:1}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.carousel-card.slide-in-right{animation:slideInFromRight .5s ease-out}.carousel-card.slide-in-left{animation:slideInFromLeft .5s ease-out}.carousel-loading{pointer-events:none}.carousel-loading .carousel-btn{opacity:.6}@media screen and (max-width: 850px){#riwayat{padding:60px 0}.riwayat-header h2{font-size:32px}.riwayat-carousel-container{padding:0 60px}.carousel-card{min-width:320px;max-width:320px}.carousel-btn{width:45px;height:45px;font-size:16px}.carousel-prev{left:5px}.carousel-next{right:5px}.riwayat-stats{grid-template-columns:1fr;gap:15px;padding:30px 20px}.stat-number{font-size:28px}.carousel-auto-play-indicator{bottom:-35px}.riwayat-bottom-action{margin:50px 0 30px}}@media screen and (max-width: 580px){#riwayat{padding:40px 0}.riwayat-container{padding:0 15px}.riwayat-header h2{font-size:28px;margin:20px 0}.riwayat-carousel-container{padding:0 55px;overflow:visible;margin:40px 0}.riwayat-carousel{overflow:visible}.carousel-card{min-width:calc(100vw - 130px);max-width:calc(100vw - 130px);height:420px}.riwayat-card{padding:25px 20px;height:100%;box-sizing:border-box}.carousel-btn{width:40px;height:40px;font-size:14px}.riwayat-year{font-size:13px;padding:8px 18px;margin-bottom:18px}.riwayat-title{font-size:18px;overflow:visible;text-overflow:unset;display:block}.riwayat-detail-item{margin-bottom:12px;font-size:14px;overflow:visible;text-overflow:unset;white-space:normal}.riwayat-detail-item i{flex-shrink:0}.riwayat-detail-item span{overflow:visible;text-overflow:unset;display:block;max-width:none;line-height:1.4}.hasil-acara-title{font-size:13px}.hasil-acara-desc{font-size:14px;overflow:visible;text-overflow:unset;display:block}.see-more-content{padding:20px}.see-more-icon{font-size:40px}.see-more-title{font-size:20px}.see-more-desc,.btn-see-more-all{font-size:14px}.carousel-auto-play-indicator{bottom:-50px}.auto-play-dot{width:8px;height:8px}.riwayat-stats{padding:30px 20px}.stat-number{font-size:32px}.stat-label{font-size:12px}.btn-lihat-selengkapnya{padding:15px 30px;font-size:16px}.riwayat-bottom-action{margin:40px 0 20px}}@media screen and (max-width: 400px){.riwayat-carousel-container{padding:0 50px}.carousel-card{min-width:calc(100vw - 120px);max-width:calc(100vw - 120px);height:400px}.riwayat-card{padding:20px 15px}.carousel-prev{left:3px}.carousel-next{right:3px}.riwayat-title{font-size:16px}.riwayat-detail-item{font-size:13px}.see-more-title{font-size:18px}.see-more-icon{font-size:36px}}@media screen and (max-width: 850px) and (orientation: landscape){.carousel-card{min-width:calc(50vw - 80px);max-width:calc(50vw - 80px);height:350px}.riwayat-carousel-track{gap:20px}.riwayat-stats{grid-template-columns:repeat(3,1fr)}}@media print{#riwayat{background:#fff;padding:20px 0}#riwayat:before{display:none}.carousel-btn,.carousel-auto-play-indicator,.btn-lihat-selengkapnya{display:none}.riwayat-carousel-track{transform:none!important;flex-wrap:wrap}.carousel-card{min-width:300px;max-width:300px;margin-bottom:20px}}#jadwal{background-color:#fff;display:flex;flex-direction:column;align-items:center;padding:50px 0;margin-top:0}#jadwal h2{margin:0 auto;font-family:Inter,sans-serif;text-transform:uppercase;font-size:34px;max-width:700px;text-align:center}.jadwal-container{width:100%}.jadwal-items{margin-top:60px;display:flex;justify-content:space-evenly;width:100%;overflow-x:visible}.jadwal-item{display:flex;flex-direction:column;align-items:center}.jadwal-item-img{width:130px;height:auto;display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;background-color:#fff;border:2px solid #008dda;border-radius:100%}.jadwal-item-img img{width:40%}.jadwal-item p{color:#008dda;font-size:18px;font-weight:600;width:200px;text-align:center}.jadwal-item h3{margin:0;font-size:26px;font-weight:700}.jadwal-navigation button{background-color:#008dda;border:none;border-radius:15px;padding:10px 15px;color:#fff;width:90px;text-align:center}.event-list{width:80%}.event-list p{margin:0;font-size:18px}.event-list ul{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;font-size:14px;font-weight:500;list-style:none;gap:15px;margin:0 auto;padding:0}.event-list ul li{border:2px solid #008dda;border-radius:50px;width:fit-content;max-width:200px;padding:7px 10px;cursor:pointer}.event-list ul li:hover{color:#008dda}.active-event{background-color:#008dda;color:#fff}.event-list ul .active-event:hover{color:#fff}#biaya{display:flex;flex-direction:column;align-items:center;padding:50px 0;background-color:#f8f4ea}#biaya h2{margin:0 auto 30px;font-family:Inter,sans-serif;text-transform:uppercase;font-size:34px;max-width:700px;text-align:center;color:#000}.price-list{margin-top:60px;display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.price{background-color:#008dda;width:300px;padding:30px;display:flex;flex-direction:column;align-items:center;color:#fff;border-radius:5px;box-shadow:-1px 3px 8px -2px #000000bf;-webkit-box-shadow:-1px 3px 8px -2px rgba(0,0,0,.75);-moz-box-shadow:-1px 3px 8px -2px rgba(0,0,0,.75)}.price hr{color:#fff;width:100%}.price h3,.price h4{margin:0;font-family:Inter,sans-serif;text-transform:uppercase;text-align:center}.price h3{margin-bottom:15px;font-size:20px}.price h4{font-size:38px;margin:50px 0 30px}.price button{border:2px solid #ffffff;background-color:unset;color:#fff;border-radius:50px;padding:10px 25px;font-size:16px;cursor:pointer;margin-top:15px}.price button:hover{background-color:#fff;color:#008dda}#petunjuk{display:flex;justify-content:center;align-items:center;gap:60px;padding:100px 8%}.petunjuk-img{width:600px}.petunjuk-img img{width:100%;border-radius:5px}.petunjuk-content h2{font-size:34px;font-family:Inter,sans-serif;margin:0;text-transform:uppercase;max-width:350px}.petunjuk-content p{font-size:16px;max-width:500px}.footer-container{display:flex;justify-content:space-around;padding:5%;background-color:#2a5394;gap:40px}.footer-logos{display:flex;align-items:center;gap:10px}.footer-logo{width:60px;aspect-ratio:1/1}.logo-divider{font-size:24px!important;font-weight:400!important;text-decoration:none!important}.footer-left p{margin:10px 0 0;color:#fff}.footer-left,.footer-menu,.footer-contact{display:flex;flex-direction:column;overflow-wrap:break-word}.footer-menu h4,.footer-contact h4{margin-bottom:0;color:#008dda;font-weight:bolder;font-family:Inter,sans-serif}ul{list-style-type:none;padding:0}.footer-menu ul li,.footer-contact a{margin:10px 0}.footer-menu ul li a,.footer-contact a span{color:#fff;text-decoration:none}.footer-menu ul li a:hover,.footer-contact a span:hover{text-decoration:underline}.footer-contact a{display:flex;align-items:center;text-align:left;color:#000}.footer-contact a i{margin-right:0;font-size:1em;padding:5px;color:#008dda}.overlay{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000000b3;z-index:1000;align-items:center;justify-content:center;text-align:center}.overlay-container{background-color:#fff;padding:20px;width:90%;max-width:600px;border-radius:10px;position:relative;text-align:justify}#closeOverlay{position:absolute;top:0;right:0;margin:10px 10px 0 0;cursor:pointer}#closeOverlay:hover{color:#272727;opacity:.7}.overlay-container h2{text-align:center}.terms-content{max-height:70vh;overflow-y:auto;padding:20px}.terms-content h3{font-size:18px;margin-top:15px;font-weight:700}.terms-content p{font-size:14px;line-height:1.5;margin-bottom:15px}@media screen and (max-width: 850px){.navbar-center,.navbar-right{display:none}.navbar{display:flex;justify-content:space-between}.nav-burger{display:block;margin:0 20px}.hero-content h1{font-size:48px;max-width:90%}}@media screen and (max-width: 580px){.sidebar{width:70%}.hero-content h1{font-size:34px}.hero-content p{width:80%;font-size:18px}.hero-buttons .btn-competition{padding:12px 45px;font-size:18px}.fa-instagram{font-size:42px}#pengenalan{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 4%}.pengenalan-img{width:100%}.custom-subheader{justify-content:center}.custom-subheader h3{font-size:20px;margin:0}.pengenalan-content{text-align:center}.pengenalan-content h2{margin:35px auto;font-size:28px}.pengenalan-content p{font-size:18px;max-width:500px;margin:0;text-align:justify}#jadwal h2{margin-top:35px;font-size:28px}.jadwal-items{flex-direction:column;row-gap:60px}.jadwal-item{display:flex;flex-direction:column;align-items:center}.jadwal-item-img{width:160px}.jadwal-item p{font-size:18px}.jadwal-item h3{font-size:28px}.event-list{width:90%}.event-list p{margin:0;font-size:18px}.event-list ul{padding-left:0}.event-list ul li{max-width:300px;padding:12px 15px}.jadwal-navigation button{margin-top:20px}#biaya h2{margin:35px auto;font-size:28px}.price{width:80%}.price h3{margin:10px auto;font-size:28px}.price h4{font-size:42px;margin:40px 0 20px}.price ul li p{font-size:18px}.price button{margin:10px auto;font-size:18px}.price ul{margin-bottom:0}#petunjuk{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 4% 80px}.petunjuk-img{width:100%}.petunjuk-content{text-align:center}.petunjuk-content h2{margin:35px auto;width:300px;font-size:28px}.petunjuk-content p{font-size:18px;max-width:500px;margin:0}.footer-container{flex-direction:column;padding:10% 4%;font-size:20px}}