@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@200;300;400;500;600;700;900&display=swap");:root{--warna-primary:#343148;--warna-sekunder:#343148;--warna-tulisan:#333;--warna-tulisan2:#000;--font-family:"Titillium Web",sans-serif}.text-align{text-align:justify}a,h1,h2,h3,h4,h5,h6,p{color:var(--warna-tulisan);font-family:var(--font-family)!important}.thankyou{height:100vh;background:var(--warna-tulisan);display:flex;justify-content:center;align-items:center;background-size:cover;background-repeat:no-repeat;color:var(--warna-tulisan2)!important;text-align:center}.thankyou h1{color:#fff}.thankyou .registration-data table{width:100%;margin-top:20px;border-collapse:collapse;color:#fff}.thankyou .registration-data td,.thankyou .registration-data th{border:1px solid #ddd;padding:8px;text-align:left}.thankyou .screenshot-notice{margin-top:20px;font-style:italic;color:#fff}.thankyou .registration-data h2,.thankyou .registration-data p,.tulisan{color:#fff}body{margin:0!important}.btn-action,.btn-custom{font-family:Raleway,sans-serif;text-transform:uppercase;color:#fff;background-color:#5ca9fb;background-image:linear-gradient(90deg,#5ca9fb 0,#6372ff);padding:14px 34px;letter-spacing:1px;margin:0;font-size:15px;font-weight:500;border-radius:25px;transition:all .5s linear;border:0}.btn-custom.active,.btn-custom.focus,.btn-custom:active,.btn-custom:focus,.btn-custom:hover{color:#fff;background-image:none;background-color:#6372ff}.btn.active,.btn:active{background-image:none;outline:0;box-shadow:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus,a:focus{outline:none;outline-offset:none}.page-header{padding:150px 25px 75px;background:var(--warna-primary);text-align:center;align-content:center}.page-header a,.page-header h1{color:var(--warna-tulisan2)}.page-header a{text-decoration:none}.page-header .divider{width:100%!important;position:absolute;pointer-events:none;background:var(--warna-tulisan2);-webkit-mask-size:100%;mask-size:100%;z-index:-1;bottom:0;left:0}.page-header ul{padding-left:0;list-style-type:none;margin-bottom:0;margin-top:1rem}.page-header ul li{color:var(--warna-tulisan2);display:inline-block;position:relative;opacity:.9;margin-left:15px}.page-header ul .titik:before{border-radius:50%;background-color:var(--warna-tulisan2);height:5px;width:5px;position:absolute;content:"";right:-12px;transform:translate(-50%);top:45%}.homeregist-section{align-items:center;align-content:center;text-align:center;font-size:16px;width:100%;height:100vh;font-family:Roboto Condensed,sans-serif;font-weight:400;background:linear-gradient(90deg,#05020f 50%,#343148)}.homeregist-section .wrapper h1{font-size:70px;margin-top:1px;text-align:center;justify-content:center;color:#3e92b9}.homeregist-section .wrapper h1,.homeregist-section .wrapper h2{font-weight:700;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.homeregist-section .wrapper h2{margin:0 auto;justify-content:center!important;font-size:30px;color:#fff;border:1px solid #fff;width:400px;border-radius:20px;padding:5px;background:linear-gradient(90deg,#05020f 50%,#343148)}.homeregist-section .wrapper a{text-decoration:none;text-align:center;justify-content:center;font-weight:700;color:#fff;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}@media screen and (max-width:426px){.link-web .btn{width:95%;margin-top:2px!important;margin-bottom:10px}.wrapper h3{margin-top:1px!important;text-align:center;margin-bottom:50px!important;justify-content:center;font-weight:700;color:#fff;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.link-web a,.wrapper h3{font-size:20px}.wrapper h1{font-size:30px!important;text-align:center;margin-bottom:70px;margin-top:30px!important;justify-content:center}.wrapper h1,.wrapper h2{font-weight:700;color:#fff;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.wrapper h2{font-size:30px;margin-top:90px!important;border:1px solid #fff;width:350px;border-radius:25px;padding:5px;background:linear-gradient(135deg,#9b59b6,#71b7e6)}}.registration-section{padding:10rem 25px 75px;background-size:cover;background-repeat:no-repeat;color:var(--warna-tulisan2)!important}.registration-section .container .title{font-size:25px;font-weight:500;position:relative}.registration-section .container .title:before{content:"";position:absolute;left:0;bottom:0;height:3px;width:30px;border-radius:5px}.registration-section .content form .user-details{display:flex;flex-wrap:wrap;justify-content:space-between;margin:50px 0 20px}.registration-section form .user-details .input-box{margin-bottom:30px;width:calc(100% / 2 - 20px);color:var(--warna-primary);font-size:clamp(14px,2vw,24px)}.registration-section form .input-box span.details{display:block;font-weight:500;margin-bottom:5px}.registration-section .form-label{color:var(--warna-tulisan2);font-size:clamp(16px,2vw,24px)}.registration-section .gam{display:flex}.registration-section .user-details .input-box input,.registration-section .user-details .input-box select{height:45px;width:100%;outline:none;font-size:16px;border-radius:5px;padding-left:15px;border:1px solid var(--warna-primary)!important;border-bottom-width:2px;transition:all .3s ease}.registration-section .user-details .input-box p{font-size:11px;color:var(--warna-tulisan2)}.registration-section .user-details .input-box h6{color:var(--warna-tulisan2)}.registration-section .container .content .sub{font-weight:700;font-size:clamp(30px,4vw,50px)}.registration-section .garis-bawah:after{position:absolute;content:"";background:var(--warna-primary);height:4px;width:50%;left:10%;transform:translateX(-50%)}.registration-section .user-details .input-box textarea{height:80px;width:100%;outline:none;font-size:16px;border-radius:5px;padding-left:15px;border:1px solid var(--warna-primary)!important;border-bottom-width:2px;transition:all .3s ease}.registration-section .user-details .input-box input:focus,.registration-section .user-details .input-box input:valid{border-color:#6f42c1}.registration-section .user-details .input-box textarea:focus,.registration-section .user-details .input-box textarea:valid{border-color:#6f42c1}.registration-section .user-details .input-box select:focus,.registration-section .user-details .input-box select:valid{border-color:#6f42c1}.registration-section form .gender-details .gender-title{font-size:20px;font-weight:500}.registration-section form .category{display:flex;width:80%;margin:14px 0;justify-content:space-between}.registration-section form .category label{display:flex;align-items:center;cursor:pointer}.registration-section form .btn{height:45px;margin:35px 0}.registration-section form .button input{padding:5px;width:100%!important;background-color:var(--warna-primary);color:#fff}.registration-section form .button input,.registration-section form .buttonindo input{border-radius:5px;border:none;font-size:20px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.registration-section form .buttonindo input{height:100%;width:100%;color:var(--warna-tulisan2);background:var(--warna-primary);display:none}.registration-section form .button input:hover{background-color:var(--warna-sekunder);transition:.3s;box-shadow:12px 12px #130101}.registration-section form .buttonindo input:hover{box-shadow:12px 12px #da0808;background-color:var(--warna-sekunder)!important;color:var(--warna-tulisan);border-color:#e02807;transition:.3s}@media (max-width:426px){.registration-section form .user-details .input-box{margin-bottom:15px;width:200%;color:var(--warna-tulisan)}.registration-section form .category{width:200%}.registration-section .content form .user-details{max-height:400px;overflow-y:scroll}.registration-section .user-details::-webkit-scrollbar{width:5px}.registration-section .container .content .con{width:23rem;height:60px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;overflow:auto}.modal-content{background:#fff;padding:20px;border-radius:8px;max-width:750px;width:90%;box-shadow:0 4px 10px rgba(0,0,0,.3);text-align:left;max-height:80vh;overflow-y:auto;margin-top:5%}.modal-content li{font-size:clamp(10px,2vw,16px);text-align:justify}.checkbox label{font-weight:700;font-size:clamp(10px,2vw,16px);text-align:center!important}.modal-actions{display:flex;justify-content:space-between}input[type=checkbox]{margin:-10px 10px 0}.overlay-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.loader{border-radius:50%;border:4px solid #f3f3f3;border-top-color:#3498db;width:40px;height:40px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-message{margin-top:20px;color:#fff;font-size:18px;font-weight:700;text-align:center}.modal-overlay-submit{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:2000}.modal-submit{background:#fff;padding:30px;border-radius:10px;max-width:500px;width:90%;box-shadow:0 5px 15px rgba(0,0,0,.3);text-align:center}.modal-submit h2{margin-top:0;color:#d32f2f}.modal-submit p{margin-bottom:20px;line-height:1.6}.modal-buttons-submit{display:flex;justify-content:space-around;margin-top:20px}.modal-buttons-submit button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s}.modal-buttons-submit button:first-child{background-color:#f0f0f0;color:#333}.modal-buttons-submit button:first-child:hover{background-color:#e0e0e0}.modal-buttons-submit button:last-child{background-color:#4caf50;color:#fff}.modal-buttons-submit button:last-child:hover{background-color:#45a049}.modal-buttons-submit button:disabled{background-color:#ccc;cursor:not-allowed}