:root{--warna-primary:#101084;--warna-sekunder:#0a28ec;--warna-tulisan:#fff;--warna-tulisan2:#212529;--font-family:"Kanit",sans-serif}.text-align{text-align:justify}.thankyou{padding:20px}.thankyou-table{margin:20px auto;width:100%;border-collapse:collapse}.thankyou-table td{padding:10px;border:1px solid #ddd}.thankyou-table td:first-child{font-weight:700;background:#f4f4f4}.btn{margin-top:10px;padding:10px 20px;text-decoration:none;background:#007bff;border-radius:5px}.btn:hover{background:#0056b3}.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}@media (max-width:426px){.thankyou{height:150vh}}.btn{display:inline-block;font-weight:400;color:#fff;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#0d6efd;border:1px solid #0d6efd;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.375rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn:hover{color:var(--warna-primary)!important}.btn-action{color:var(--warna-tulisan);background-color:var(--warna-primary);margin:5px 0 0}.btn-action:hover{box-shadow:8px 8px var(--warna-primary);background-color:var(--warna-sekunder);color:var(--warna-tulisan)!important;transition:.3s;margin-right:5px}.homeregist-section{height:100vh;display:flex;justify-content:center;align-items:center}.homeregist-section,.registration-section{background-size:cover;background-repeat:no-repeat;color:var(--warna-tulisan2)!important}.registration-section{padding:10rem 25px 75px}.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:var(--warna-tulisan)}.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{background:rgba(0,0,0,.5);z-index:1000;overflow:auto}.modal-content{padding:20px;border-radius:8px;max-width:750px;box-shadow:0 4px 10px rgba(0,0,0,.3);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{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,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-submit{background:#fff;padding:20px;border-radius:10px;width:80%;max-width:600px;text-align:justify;box-shadow:0 4px 10px rgba(0,0,0,.2);animation:fadeIn .3s ease-in-out}.modal-submit h2{color:#d9534f;margin-bottom:10px}.modal-submit p{font-size:clamp(12px,2vw,16px)}.modal-submit b,.modal-submit p{margin-bottom:20px;line-height:1.5}.modal-submit b{font-size:clamp(14px,2vw,18px)}.modal-buttons-submit{display:flex;justify-content:space-between}.modal-buttons-submit button:first-child{background:#ccc;color:#000;border:none;padding:10px 15px;cursor:pointer;border-radius:5px;transition:.2s}.modal-buttons-submit button:last-child{background:#d9534f;color:#fff;border:none;padding:10px 15px;cursor:pointer;border-radius:5px;transition:.2s}.modal-buttons-submit button:hover{opacity:.8}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.modal-content{background:#fff;padding:0;border-radius:12px;max-width:600px;width:90%;box-shadow:0 5px 15px rgba(0,0,0,.3);text-align:left;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;transform:scale(.95);animation:scaleIn .3s ease-out forwards}.modal-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:1.25rem;font-weight:600;color:#111827}.modal-close-btn{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:4px;line-height:1}.modal-close-btn:hover{color:#111827}.modal-body{padding:24px;overflow-y:auto;font-size:1rem;line-height:1.6;color:#374151}.modal-body p{margin-bottom:16px}.modal-body ul{padding-left:20px}.modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:16px}.terms-agreement{display:flex;align-items:center}.terms-agreement input[type=checkbox]{width:18px;height:18px;margin-right:12px;accent-color:var(--warna-primary)}.terms-agreement label{font-size:.9rem;color:#374151}.terms-agreement a{color:var(--warna-sekunder);text-decoration:none;font-weight:500}.terms-agreement a:hover{text-decoration:underline}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.btn-secondary{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background-color:#e5e7eb}.btn-primary:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:.5}to{transform:scale(1);opacity:1}}.checkbox-wrapper{position:relative;display:inline-block}.custom-tooltip{visibility:visible;width:180px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-90px;opacity:1;transition:opacity .3s}.custom-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#555}@media (max-width:600px){.custom-tooltip{left:90px;margin-left:-75px;width:150px}.custom-tooltip:after{left:50%}}