HEYTHISISFLAGe7cd3feb5d894dcb;{"id":1655,"date":"2026-09-21T13:15:36","date_gmt":"2026-09-21T06:15:36","guid":{"rendered":"https:\/\/senta.its.ac.id\/conf\/senta\/?page_id=1655"},"modified":"2026-09-21T14:16:27","modified_gmt":"2026-09-21T07:16:27","slug":"submission-page","status":"publish","type":"page","link":"https:\/\/senta.its.ac.id\/conf\/senta\/submission-page\/","title":{"rendered":"Submission Page"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap');\n\n\/* ==================================================\n   SENTA 2026 \u2014 REGISTRATION & PAYMENT\n   ================================================== *\/\n\n\/* BASE *\/\n.senta-registration {\n  --sr-navy: #081b35;\n  --sr-blue: #00558f;\n  --sr-blue-hover: #003f70;\n  --sr-light-blue: #e0f2ff;\n  --sr-yellow: #ffb638;\n  --sr-muted: #526b87;\n  --sr-border: #e5edf5;\n  --sr-background: #fbfdff;\n\n  width: 100%;\n  max-width: 1080px;\n  margin: 0 auto;\n  padding: 0;\n  background: #fff;\n  color: var(--sr-navy);\n  font-family: \"Poppins\", sans-serif !important;\n  font-size: 15px;\n  line-height: 1.8;\n  isolation: isolate;\n}\n\n.senta-registration,\n.senta-registration * {\n  box-sizing: border-box;\n}\n\n.senta-registration h1,\n.senta-registration h2,\n.senta-registration h3,\n.senta-registration p {\n  margin: 0;\n  padding: 0;\n  font-family: \"Poppins\", sans-serif !important;\n}\n\n.senta-registration a {\n  color: var(--sr-blue);\n  text-underline-offset: 4px;\n  transition: color 0.25s ease;\n}\n\n.senta-registration a:hover {\n  color: var(--sr-blue-hover);\n}\n\n.senta-registration a:focus-visible {\n  outline: 3px solid var(--sr-blue);\n  outline-offset: 4px;\n}\n\n\/* HEADER *\/\n.senta-registration .sr-header {\n  padding: 44px 26px 32px;\n  background: #fff;\n  text-align: center;\n  animation: srRegistrationEnter 0.7s ease both;\n}\n\n.senta-registration .sr-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  margin-bottom: 18px;\n  padding: 6px 13px;\n  border-radius: 6px;\n  background: var(--sr-light-blue);\n  color: var(--sr-blue);\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n}\n\n.senta-registration .sr-eyebrow::before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--sr-blue);\n}\n\n.senta-registration .sr-header h1 {\n  margin-bottom: 17px;\n  color: var(--sr-navy);\n  font-size: clamp(30px, 4vw, 44px);\n  font-weight: 700;\n  line-height: 1.25;\n  letter-spacing: -1px;\n}\n\n.senta-registration .sr-header > p {\n  max-width: 650px;\n  margin: 0 auto;\n  color: var(--sr-muted);\n  font-size: 15px;\n  line-height: 1.9;\n}\n\n.senta-registration .sr-event {\n  display: inline-flex;\n  flex-direction: column;\n  gap: 2px;\n  margin-top: 23px;\n  padding: 13px 23px;\n  border: 1px solid #dce7f1;\n  border-radius: 10px;\n  background: #f7faff;\n}\n\n.senta-registration .sr-event strong {\n  color: var(--sr-blue);\n  font-size: 15px;\n  font-weight: 700;\n}\n\n.senta-registration .sr-event > span {\n  color: var(--sr-muted);\n  font-size: 13px;\n}\n\n.senta-registration .sr-content {\n  max-width: 1020px;\n  margin: 0 auto;\n  padding: 0 24px 28px;\n}\n\n\/* PROCESS *\/\n.senta-registration .sr-steps {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 14px;\n  margin: 0 0 28px;\n  padding: 20px 0;\n  border-top: 1px solid var(--sr-border);\n  border-bottom: 1px solid var(--sr-border);\n  list-style: none;\n  animation: srRegistrationEnter 0.7s 0.08s ease both;\n}\n\n.senta-registration .sr-steps li {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  margin: 0;\n  padding: 0;\n  color: var(--sr-navy);\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.senta-registration .sr-step-number {\n  display: inline-flex;\n  flex: 0 0 32px;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border-radius: 7px;\n  background: var(--sr-light-blue);\n  color: var(--sr-blue);\n  font-size: 12px;\n  font-weight: 700;\n}\n\n\/* PAYMENT CARDS *\/\n.senta-registration .sr-payment-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 20px;\n  margin-bottom: 26px;\n}\n\n.senta-registration .sr-card {\n  min-width: 0;\n  padding: 28px;\n  border: 1px solid var(--sr-border);\n  border-radius: 18px;\n  background: #fff;\n  box-shadow: 0 8px 28px rgba(16, 59, 99, 0.035);\n  animation: srRegistrationEnter 0.7s 0.14s ease both;\n  transition:\n    transform 0.25s ease,\n    box-shadow 0.25s ease,\n    border-color 0.25s ease;\n}\n\n.senta-registration .sr-card:nth-child(2) {\n  animation-delay: 0.22s;\n}\n\n.senta-registration .sr-card-top {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  margin-bottom: 20px;\n}\n\n.senta-registration .sr-tag {\n  color: var(--sr-blue);\n  font-size: 11px;\n  font-weight: 700;\n  line-height: 1.6;\n  letter-spacing: 0.8px;\n}\n\n.senta-registration .sr-badge {\n  display: inline-block;\n  padding: 5px 10px;\n  border-radius: 6px;\n  background: var(--sr-light-blue);\n  color: var(--sr-blue);\n  font-size: 11px;\n  font-weight: 700;\n  line-height: 1.7;\n}\n\n.senta-registration .sr-card h2 {\n  margin-bottom: 14px;\n  color: var(--sr-navy);\n  font-size: 23px;\n  font-weight: 700;\n  line-height: 1.4;\n  letter-spacing: -0.5px;\n}\n\n.senta-registration .sr-description {\n  color: var(--sr-muted);\n  font-size: 14px;\n  line-height: 1.85;\n}\n\n\/* BANK DETAILS *\/\n.senta-registration .sr-bank-details {\n  margin: 21px 0 18px;\n}\n\n.senta-registration .sr-bank-details > div {\n  padding: 12px 0;\n  border-bottom: 1px solid var(--sr-border);\n}\n\n.senta-registration .sr-bank-details dt {\n  margin: 0 0 4px;\n  color: var(--sr-muted);\n  font-size: 12px;\n}\n\n.senta-registration .sr-bank-details dd {\n  margin: 0;\n  color: var(--sr-navy);\n  font-size: 15px;\n  font-weight: 600;\n}\n\n.senta-registration .sr-account {\n  padding: 19px;\n  border: 1px solid #dce8f3;\n  border-radius: 11px;\n  background: #f6faff;\n}\n\n.senta-registration .sr-account > span {\n  display: block;\n  margin-bottom: 8px;\n  color: var(--sr-muted);\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.senta-registration .sr-account strong {\n  display: block;\n  color: var(--sr-blue);\n  font-family: \"Poppins\", sans-serif;\n  font-size: clamp(17px, 2.2vw, 24px);\n  font-weight: 700;\n  line-height: 1.5;\n  letter-spacing: 0.3px;\n  font-variant-numeric: tabular-nums;\n  overflow-wrap: anywhere;\n  user-select: all;\n}\n\n.senta-registration .sr-note {\n  margin-top: 19px;\n  color: var(--sr-muted);\n  font-size: 13px;\n  line-height: 1.85;\n}\n\n\/* INTERNATIONAL PAYMENT *\/\n.senta-registration .sr-international-info {\n  margin-top: 23px;\n  padding: 21px;\n  border: 1px solid var(--sr-border);\n  border-radius: 12px;\n  background: var(--sr-background);\n}\n\n.senta-registration .sr-international-info h3 {\n  margin-bottom: 10px;\n  color: var(--sr-navy);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 1.6;\n}\n\n.senta-registration .sr-international-info p {\n  color: var(--sr-muted);\n  font-size: 14px;\n  line-height: 1.85;\n}\n\n.senta-registration .sr-contact-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin-top: 18px;\n  color: var(--sr-blue);\n  font-size: 16px;\n  font-weight: 700;\n  overflow-wrap: anywhere;\n}\n\n.senta-registration .sr-contact-link span {\n  display: inline-block;\n  transition: transform 0.25s ease;\n}\n\n.senta-registration .sr-contact-link:hover span {\n  transform: translate(3px, -3px);\n}\n\n\/* FORM CARD *\/\n.senta-registration .sr-form-card {\n  padding: 34px;\n  border: 1px solid var(--sr-border);\n  border-radius: 18px;\n  background: #fff;\n  box-shadow: 0 8px 30px rgba(16, 59, 99, 0.035);\n  animation: srRegistrationEnter 0.75s 0.28s ease both;\n}\n\n.senta-registration .sr-form-heading {\n  margin-bottom: 29px;\n  padding-bottom: 25px;\n  border-bottom: 1px solid var(--sr-border);\n}\n\n.senta-registration .sr-form-heading > .sr-badge {\n  margin-bottom: 13px;\n}\n\n.senta-registration .sr-form-heading h2 {\n  margin-bottom: 11px;\n  color: var(--sr-navy);\n  font-size: 30px;\n  font-weight: 700;\n  line-height: 1.3;\n  letter-spacing: -0.7px;\n}\n\n.senta-registration .sr-form-heading p {\n  color: var(--sr-muted);\n  font-size: 14px;\n  line-height: 1.8;\n}\n\n.senta-registration .sr-required {\n  color: #b42335;\n}\n\n\/* SECTION TITLES *\/\n.senta-registration .sr-section-title {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 24px;\n}\n\n.senta-registration .sr-section-title > span {\n  display: inline-flex;\n  flex: 0 0 36px;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 30px;\n  border-radius: 5px;\n  background: var(--sr-yellow);\n  color: #352300;\n  font-size: 12px;\n  font-weight: 800;\n}\n\n.senta-registration .sr-section-title h3 {\n  color: var(--sr-navy);\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 1.5;\n}\n\n.senta-registration .sr-payment-title {\n  margin-top: 32px;\n  padding-top: 29px;\n  border-top: 1px solid var(--sr-border);\n}\n\n\/* FIELDS *\/\n.senta-registration .sr-fields {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 23px;\n}\n\n.senta-registration .sr-field {\n  min-width: 0;\n}\n\n.senta-registration .sr-full-width {\n  grid-column: 1 \/ -1;\n}\n\n.senta-registration .sr-field label {\n  display: block;\n  margin: 0 0 9px;\n  color: var(--sr-navy);\n  font-family: \"Poppins\", sans-serif !important;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 1.6;\n}\n\n.senta-registration .wpcf7-form-control-wrap {\n  display: block;\n  width: 100%;\n}\n\n.senta-registration .sr-field input:not([type=\"file\"]),\n.senta-registration .sr-field select {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  min-height: 52px;\n  margin: 0;\n  padding: 13px 15px;\n  border: 1px solid #cbd9e7;\n  border-radius: 9px;\n  background: var(--sr-background);\n  color: var(--sr-navy);\n  font-family: \"Poppins\", sans-serif !important;\n  font-size: 15px;\n  font-weight: 400;\n  line-height: 1.6;\n  box-shadow: none;\n  transition:\n    border-color 0.2s ease,\n    box-shadow 0.2s ease,\n    background-color 0.2s ease;\n}\n\n.senta-registration .sr-field select {\n  padding-right: 34px;\n}\n\n.senta-registration .sr-field input::placeholder {\n  color: #61758b;\n  opacity: 1;\n}\n\n.senta-registration .sr-field input:not([type=\"file\"]):hover,\n.senta-registration .sr-field select:hover {\n  border-color: #93b5d1;\n}\n\n.senta-registration .sr-field input:focus,\n.senta-registration .sr-field select:focus {\n  outline: 2px solid var(--sr-blue);\n  outline-offset: 2px;\n  border-color: var(--sr-blue);\n  background: #fff;\n  box-shadow: 0 0 0 4px rgba(0, 85, 143, 0.07);\n}\n\n.senta-registration .sr-field small {\n  display: block;\n  margin-top: 8px;\n  color: var(--sr-muted);\n  font-size: 12px;\n  line-height: 1.8;\n}\n\n\/* FILE UPLOAD *\/\n.senta-registration .sr-upload {\n  padding: 25px;\n  border: 1px dashed #9abbd5;\n  border-radius: 12px;\n  background: #f7fbff;\n  transition:\n    border-color 0.25s ease,\n    background-color 0.25s ease;\n}\n\n.senta-registration .sr-upload:hover,\n.senta-registration .sr-upload:focus-within {\n  border-color: var(--sr-blue);\n  background: #f0f8ff;\n}\n\n.senta-registration .sr-upload-title {\n  display: block;\n  color: var(--sr-navy);\n  font-size: 15px;\n  font-weight: 600;\n}\n\n.senta-registration .sr-upload-description {\n  display: block;\n  margin: 6px 0 20px;\n  color: var(--sr-muted);\n  font-size: 13px;\n  line-height: 1.8;\n}\n\n.senta-registration input[type=\"file\"] {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n  color: var(--sr-muted);\n  font-family: \"Poppins\", sans-serif !important;\n  font-size: 13px;\n  line-height: 1.8;\n}\n\n.senta-registration input[type=\"file\"]::file-selector-button {\n  margin-right: 12px;\n  padding: 10px 15px;\n  border: 1px solid #c7e3f6;\n  border-radius: 6px;\n  background: var(--sr-light-blue);\n  color: var(--sr-blue);\n  font: inherit;\n  font-weight: 600;\n  cursor: pointer;\n  transition:\n    background-color 0.2s ease,\n    border-color 0.2s ease;\n}\n\n.senta-registration input[type=\"file\"]::file-selector-button:hover {\n  border-color: #9bc6e7;\n  background: #d0ebff;\n}\n\n\/* VERIFICATION *\/\n.senta-registration .sr-verification {\n  margin-top: 28px;\n  padding: 19px 21px;\n  border: 1px solid #f4e5c4;\n  border-left: 3px solid var(--sr-yellow);\n  border-radius: 0 10px 10px 0;\n  background: #fffbf2;\n}\n\n.senta-registration .sr-verification strong {\n  display: block;\n  margin-bottom: 6px;\n  color: #654716;\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.senta-registration .sr-verification p {\n  color: #6c5938;\n  font-size: 13px;\n  line-height: 1.85;\n}\n\n\/* SUBMIT BUTTON *\/\n.senta-registration .sr-submit-row {\n  margin-top: 28px;\n}\n\n.senta-registration .sr-submit {\n  display: inline-block;\n  min-height: 53px;\n  max-width: 100%;\n  margin: 0;\n  padding: 15px 30px;\n  border: 0;\n  border-radius: 9px;\n  background-color: var(--sr-blue);\n  background-image: linear-gradient(\n    110deg,\n    transparent 35%,\n    rgba(255, 255, 255, 0.25) 50%,\n    transparent 65%\n  );\n  background-size: 250% 100%;\n  background-position: 140% 0;\n  color: #fff;\n  font-family: \"Poppins\", sans-serif !important;\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 1.5;\n  cursor: pointer;\n  box-shadow: 0 6px 16px rgba(0, 85, 143, 0.14);\n  transition:\n    transform 0.25s ease,\n    box-shadow 0.25s ease,\n    background-color 0.25s ease,\n    background-position 0.65s ease;\n}\n\n.senta-registration .sr-submit:focus-visible {\n  outline: 3px solid var(--sr-blue);\n  outline-offset: 4px;\n}\n\n.senta-registration .sr-submit:disabled {\n  opacity: 0.65;\n  cursor: wait;\n  transform: none;\n}\n\n.senta-registration .sr-submit-row p {\n  margin-top: 16px;\n  color: var(--sr-muted);\n  font-size: 12px;\n  line-height: 1.8;\n}\n\n.senta-registration .sr-submit-row a {\n  color: var(--sr-blue);\n  font-weight: 600;\n}\n\n\/* VALIDATION *\/\n.senta-registration .wpcf7-not-valid-tip {\n  margin-top: 7px;\n  color: #b42335;\n  font-size: 13px;\n  line-height: 1.7;\n}\n\n.senta-registration .sr-field .wpcf7-not-valid {\n  border-color: #b42335;\n}\n\n.wpcf7 form:has(.senta-registration) .wpcf7-response-output {\n  max-width: 972px;\n  margin: 20px auto;\n  padding: 17px 20px;\n  border-radius: 10px;\n  font-family: \"Poppins\", sans-serif;\n  font-size: 14px;\n  line-height: 1.8;\n}\n\n.wpcf7 form.submitting .senta-registration .sr-submit {\n  opacity: 0.65;\n  cursor: wait;\n  transform: none;\n}\n\n\/* FOOTER *\/\n.senta-registration .sr-footer {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n  margin-top: 28px;\n  padding-top: 22px;\n  border-top: 1px solid var(--sr-border);\n  color: var(--sr-muted);\n  text-align: center;\n  font-size: 12px;\n  line-height: 1.8;\n}\n\n.senta-registration .sr-footer strong {\n  color: var(--sr-blue);\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 1px;\n}\n\n\/* ANIMATION *\/\n@keyframes srRegistrationEnter {\n  from {\n    opacity: 0;\n    translate: 0 14px;\n  }\n  to {\n    opacity: 1;\n    translate: 0 0;\n  }\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .senta-registration .sr-card:hover {\n    transform: translateY(-4px);\n    border-color: #c4dbed;\n    box-shadow: 0 14px 30px rgba(16, 59, 99, 0.075);\n  }\n\n  .senta-registration .sr-submit:not(:disabled):hover {\n    transform: translateY(-3px);\n    background-color: var(--sr-blue-hover);\n    background-position: -40% 0;\n    box-shadow: 0 10px 23px rgba(0, 85, 143, 0.23);\n  }\n\n  .wpcf7 form.submitting .senta-registration .sr-submit:hover {\n    transform: none;\n  }\n}\n\n\/* MOBILE *\/\n@media (max-width: 680px) {\n  .senta-registration .sr-header {\n    padding: 32px 18px 26px;\n  }\n\n  .senta-registration .sr-header h1 {\n    font-size: 30px;\n    letter-spacing: -0.7px;\n  }\n\n  .senta-registration .sr-header > p {\n    font-size: 14px;\n  }\n\n  .senta-registration .sr-content {\n    padding: 0 12px 22px;\n  }\n\n  .senta-registration .sr-steps {\n    grid-template-columns: 1fr;\n    gap: 13px;\n    margin-bottom: 22px;\n    padding: 18px 0;\n  }\n\n  .senta-registration .sr-steps li {\n    justify-content: flex-start;\n    font-size: 13px;\n  }\n\n  .senta-registration .sr-payment-grid,\n  .senta-registration .sr-fields {\n    grid-template-columns: 1fr;\n  }\n\n  .senta-registration .sr-payment-grid {\n    gap: 16px;\n    margin-bottom: 22px;\n  }\n\n  .senta-registration .sr-card {\n    padding: 23px 20px;\n    border-radius: 14px;\n  }\n\n  .senta-registration .sr-card h2 {\n    font-size: 22px;\n  }\n\n  .senta-registration .sr-form-card {\n    padding: 26px 20px;\n    border-radius: 14px;\n  }\n\n  .senta-registration .sr-form-heading h2 {\n    font-size: 27px;\n  }\n\n  .senta-registration .sr-section-title h3 {\n    font-size: 17px;\n  }\n\n  .senta-registration .sr-field input:not([type=\"file\"]),\n  .senta-registration .sr-field select {\n    font-size: 16px;\n  }\n\n  .senta-registration .sr-upload {\n    padding: 20px 16px;\n  }\n\n  .senta-registration .sr-submit {\n    width: 100%;\n    font-size: 15px;\n  }\n}\n\n\/* REDUCED MOTION *\/\n@media (prefers-reduced-motion: reduce) {\n  .senta-registration *,\n  .senta-registration *::before,\n  .senta-registration *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n  .senta-registration .sr-card:hover,\n  .senta-registration .sr-submit:hover,\n  .senta-registration .sr-contact-link:hover span {\n    transform: none !important;\n  }\n}\n<\/style>\n\n<!-- SENTA 2026 \u2014 tempel seluruh kode ini dalam satu blok HTML -->\n\n<link\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&#038;display=swap\"\n  rel=\"stylesheet\"\n>\n\n<style>\n  #senta-registration {\n    --navy: #0b203b;\n    --blue: #005a96;\n    --light-blue: #e2f3ff;\n    --yellow: #ffb638;\n    --muted: #536b85;\n    --border: #dfe8f1;\n    --surface: #f7faff;\n\n    width: 100%;\n    max-width: 1060px;\n    margin: 0 auto;\n    padding: 44px 22px;\n    color: var(--navy);\n    font-family: \"Poppins\", sans-serif;\n    font-size: 15px;\n    line-height: 1.75;\n    text-align: left;\n    color-scheme: light;\n  }\n\n  #senta-registration,\n  #senta-registration * {\n    box-sizing: border-box;\n  }\n\n  #senta-registration [hidden] {\n    display: none !important;\n  }\n\n  #senta-registration h2,\n  #senta-registration h3,\n  #senta-registration p {\n    margin: 0;\n    font-family: inherit;\n  }\n\n  #senta-registration a {\n    color: var(--blue);\n    text-underline-offset: 4px;\n  }\n\n  #senta-registration .sr-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 28px;\n    padding-bottom: 30px;\n    border-bottom: 1px solid var(--border);\n  }\n\n  #senta-registration .sr-header h2 {\n    color: var(--navy);\n    font-size: clamp(27px, 4vw, 40px);\n    font-weight: 700;\n    line-height: 1.25;\n    letter-spacing: -1.2px;\n  }\n\n  #senta-registration .sr-intro {\n    max-width: 610px;\n    margin-top: 14px;\n    color: var(--muted);\n  }\n\n  #senta-registration .sr-date {\n    flex-shrink: 0;\n    padding: 17px 23px;\n    border: 1px solid var(--border);\n    border-radius: 13px;\n    background: var(--surface);\n    text-align: center;\n  }\n\n  #senta-registration .sr-date strong {\n    display: block;\n    color: var(--blue);\n    font-size: 14px;\n    font-weight: 700;\n  }\n\n  #senta-registration .sr-date span {\n    color: var(--muted);\n    font-size: 12px;\n  }\n\n  #senta-registration .sr-steps {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 15px;\n    margin: 25px 0 30px;\n    padding: 0;\n    list-style: none;\n  }\n\n  #senta-registration .sr-steps li {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    color: var(--muted);\n    font-size: 12px;\n    font-weight: 500;\n  }\n\n  #senta-registration .sr-step-number {\n    display: grid;\n    place-items: center;\n    flex: 0 0 30px;\n    height: 30px;\n    border-radius: 9px;\n    background: var(--light-blue);\n    color: var(--blue);\n    font-size: 11px;\n    font-weight: 700;\n  }\n\n  #senta-registration .sr-payment-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    margin-bottom: 28px;\n  }\n\n  #senta-registration .sr-card {\n    min-width: 0;\n    padding: 27px;\n    border: 1px solid var(--border);\n    border-radius: 18px;\n    background: #fff;\n    box-shadow: 0 8px 28px rgba(11, 32, 59, 0.035);\n    transition: transform 220ms ease, box-shadow 220ms ease;\n  }\n\n  #senta-registration .sr-card:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 12px 32px rgba(11, 32, 59, 0.07);\n  }\n\n  #senta-registration .sr-label {\n    display: inline-block;\n    margin-bottom: 15px;\n    padding: 5px 10px;\n    border-radius: 6px;\n    background: var(--light-blue);\n    color: var(--blue);\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n  }\n\n  #senta-registration .sr-card h3 {\n    margin-bottom: 12px;\n    color: var(--navy);\n    font-size: 19px;\n    font-weight: 600;\n    line-height: 1.4;\n  }\n\n  #senta-registration .sr-card p {\n    color: var(--muted);\n    font-size: 13px;\n  }\n\n  #senta-registration .sr-bank-details {\n    display: grid;\n    gap: 8px;\n    margin: 19px 0;\n  }\n\n  #senta-registration .sr-bank-details div {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    gap: 6px 15px;\n    font-size: 13px;\n  }\n\n  #senta-registration .sr-bank-details dt {\n    color: var(--muted);\n  }\n\n  #senta-registration .sr-bank-details dd {\n    margin: 0;\n    color: var(--navy);\n    font-weight: 600;\n  }\n\n  #senta-registration .sr-account {\n    padding: 16px;\n    border: 1px solid #d6e7f6;\n    border-radius: 12px;\n    background: var(--surface);\n  }\n\n  #senta-registration .sr-account-label {\n    display: block;\n    margin-bottom: 8px;\n    color: var(--muted);\n    font-size: 11px;\n    font-weight: 500;\n  }\n\n  #senta-registration .sr-account-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-wrap: wrap;\n    gap: 12px;\n  }\n\n  #senta-registration .sr-account-number {\n    color: var(--blue);\n    font-size: clamp(17px, 2.3vw, 22px);\n    font-weight: 700;\n    letter-spacing: 0.4px;\n    overflow-wrap: anywhere;\n  }\n\n  #senta-registration button {\n    font-family: inherit;\n    cursor: pointer;\n    text-transform: none;\n  }\n\n  #senta-registration .sr-copy {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    min-height: 38px;\n    padding: 8px 12px;\n    border: 1px solid #caddeb;\n    border-radius: 8px;\n    background: #fff;\n    color: var(--blue);\n    font-size: 12px;\n    font-weight: 600;\n    transition: background 180ms ease, transform 180ms ease;\n  }\n\n  #senta-registration .sr-copy:hover {\n    background: var(--light-blue);\n    transform: translateY(-1px);\n  }\n\n  #senta-registration .sr-copy svg {\n    width: 15px;\n    height: 15px;\n  }\n\n  #senta-registration .sr-copy-status {\n    display: block;\n    margin-top: 6px;\n    color: var(--blue);\n    font-size: 11px;\n  }\n\n  #senta-registration .sr-card .sr-payment-note {\n    margin-top: 15px;\n    font-size: 12px;\n  }\n\n  #senta-registration .sr-contact {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    margin: 20px 0;\n    padding: 10px 15px;\n    border: 1px solid #d6e7f6;\n    border-radius: 9px;\n    background: var(--surface);\n    font-size: 13px;\n    font-weight: 600;\n    text-decoration: none;\n    transition: background 180ms ease;\n  }\n\n  #senta-registration .sr-contact:hover {\n    background: var(--light-blue);\n  }\n\n  #senta-registration .sr-form-container {\n    padding: 32px;\n    border: 1px solid var(--border);\n    border-radius: 18px;\n    background: #fff;\n    box-shadow: 0 8px 32px rgba(11, 32, 59, 0.035);\n  }\n\n  #senta-registration .sr-form-heading {\n    margin-bottom: 28px;\n  }\n\n  #senta-registration .sr-form-heading h3 {\n    color: var(--navy);\n    font-size: 24px;\n    font-weight: 700;\n  }\n\n  #senta-registration .sr-form-heading p {\n    margin-top: 6px;\n    color: var(--muted);\n    font-size: 13px;\n  }\n\n  #senta-registration .sr-section-title {\n    display: flex;\n    align-items: center;\n    gap: 11px;\n    margin: 0 0 22px;\n    color: var(--navy);\n    font-size: 17px;\n    font-weight: 600;\n  }\n\n  #senta-registration .sr-section-title span {\n    display: grid;\n    place-items: center;\n    width: 29px;\n    height: 29px;\n    border-radius: 6px;\n    background: var(--yellow);\n    color: var(--navy);\n    font-size: 11px;\n    font-weight: 700;\n  }\n\n  #senta-registration .sr-fields {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 22px;\n  }\n\n  #senta-registration .sr-field {\n    min-width: 0;\n  }\n\n  #senta-registration .sr-full {\n    grid-column: 1 \/ -1;\n  }\n\n  #senta-registration .sr-field label {\n    display: block;\n    margin-bottom: 8px;\n    color: var(--navy);\n    font-size: 13px;\n    font-weight: 600;\n  }\n\n  #senta-registration .sr-required {\n    color: #bb253a;\n  }\n\n  #senta-registration input:not([type=\"hidden\"]),\n  #senta-registration select {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    min-height: 51px;\n    margin: 0;\n    padding: 12px 14px;\n    border: 1px solid #c8d7e5 !important;\n    border-radius: 9px;\n    outline: none;\n    background: #fbfdff !important;\n    color: var(--navy) !important;\n    box-shadow: none;\n    font-family: inherit;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 1.5;\n    transition: border-color 180ms ease, box-shadow 180ms ease;\n  }\n\n  #senta-registration select {\n    appearance: auto;\n    cursor: pointer;\n  }\n\n  #senta-registration input::placeholder {\n    color: #677d93;\n    opacity: 1;\n  }\n\n  #senta-registration input:focus,\n  #senta-registration select:focus {\n    border-color: var(--blue) !important;\n    box-shadow: 0 0 0 3px rgba(0, 90, 150, 0.11);\n    background: #fff !important;\n  }\n\n  #senta-registration button:focus-visible,\n  #senta-registration a:focus-visible {\n    outline: 3px solid var(--blue);\n    outline-offset: 4px;\n  }\n\n  #senta-registration .sr-help {\n    display: block;\n    margin-top: 7px;\n    color: var(--muted);\n    font-size: 11px;\n    line-height: 1.7;\n  }\n\n  #senta-registration .sr-divider {\n    height: 1px;\n    margin: 32px 0;\n    border: 0;\n    background: var(--border);\n  }\n\n  #senta-registration .sr-amount-box {\n    display: flex;\n    align-items: stretch;\n    overflow: hidden;\n    border: 1px solid #c8d7e5;\n    border-radius: 9px;\n    background: #fbfdff;\n  }\n\n  #senta-registration .sr-amount-box:focus-within {\n    border-color: var(--blue);\n    box-shadow: 0 0 0 3px rgba(0, 90, 150, 0.11);\n  }\n\n  #senta-registration .sr-currency-prefix {\n    display: grid;\n    place-items: center;\n    min-width: 64px;\n    border-right: 1px solid var(--border);\n    background: #eef5fb;\n    color: var(--blue);\n    font-size: 13px;\n    font-weight: 600;\n  }\n\n  #senta-registration .sr-amount-box input {\n    min-width: 0;\n    border: 0 !important;\n    border-radius: 0;\n    box-shadow: none;\n  }\n\n  #senta-registration .sr-upload {\n    padding: 21px;\n    border: 1px dashed #7da7ca;\n    border-radius: 12px;\n    background: #f5faff;\n  }\n\n  #senta-registration .sr-upload-title {\n    color: var(--navy);\n    font-size: 14px;\n    font-weight: 600;\n  }\n\n  #senta-registration .sr-upload p {\n    margin: 5px 0 15px;\n    color: var(--muted);\n    font-size: 12px;\n  }\n\n  #senta-registration input[type=\"file\"] {\n    height: auto;\n    min-height: 48px;\n    padding: 8px;\n    background: #fff !important;\n    font-size: 12px;\n    cursor: pointer;\n  }\n\n  #senta-registration input[type=\"file\"]::file-selector-button {\n    margin-right: 12px;\n    padding: 9px 12px;\n    border: 0;\n    border-radius: 6px;\n    background: var(--light-blue);\n    color: var(--blue);\n    font-family: inherit;\n    font-size: 12px;\n    font-weight: 600;\n    cursor: pointer;\n  }\n\n  #senta-registration .sr-submit {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 14px;\n    min-height: 53px;\n    margin-top: 23px;\n    padding: 15px 27px;\n    border: 0;\n    border-radius: 10px;\n    background-color: var(--blue);\n    background-image: linear-gradient(\n      110deg,\n      transparent 25%,\n      rgba(255,255,255,0.22) 50%,\n      transparent 75%\n    );\n    background-size: 220% 100%;\n    background-position: 150% 0;\n    color: #fff;\n    font-size: 14px;\n    font-weight: 600;\n    box-shadow: 0 5px 14px rgba(0,90,150,0.13);\n    transition:\n      transform 220ms ease,\n      box-shadow 220ms ease,\n      background-position 550ms ease;\n  }\n\n  #senta-registration .sr-submit:hover {\n    transform: translateY(-2px);\n    background-position: -50% 0;\n    box-shadow: 0 9px 20px rgba(0,90,150,0.2);\n  }\n\n  #senta-registration .sr-submit svg {\n    width: 18px;\n    height: 18px;\n  }\n\n  #senta-registration .sr-submit-note {\n    max-width: 680px;\n    margin-top: 15px;\n    color: var(--muted);\n    font-size: 11px;\n  }\n\n  #senta-registration .sr-submit-status {\n    margin-top: 12px;\n    color: var(--blue);\n    font-size: 12px;\n  }\n\n  #senta-registration .sr-footer {\n    margin-top: 23px;\n    color: var(--muted);\n    font-size: 11px;\n    text-align: center;\n  }\n\n  #senta-registration .sr-enter {\n    animation: srFadeIn 650ms ease both;\n  }\n\n  #senta-registration .sr-payment-grid {\n    animation-delay: 80ms;\n  }\n\n  #senta-registration .sr-form-container {\n    animation-delay: 160ms;\n  }\n\n  @keyframes srFadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n\n  @media (max-width: 720px) {\n    #senta-registration {\n      padding: 28px 12px;\n    }\n\n    #senta-registration .sr-header {\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 18px;\n    }\n\n    #senta-registration .sr-date {\n      text-align: left;\n    }\n\n    #senta-registration .sr-payment-grid,\n    #senta-registration .sr-fields {\n      grid-template-columns: 1fr;\n    }\n\n    #senta-registration .sr-card,\n    #senta-registration .sr-form-container {\n      padding: 22px;\n    }\n\n    #senta-registration .sr-steps {\n      gap: 10px;\n    }\n\n    #senta-registration .sr-steps li {\n      flex-direction: column;\n      align-items: flex-start;\n      font-size: 11px;\n    }\n\n    #senta-registration input:not([type=\"hidden\"]),\n    #senta-registration select {\n      font-size: 16px;\n    }\n\n    #senta-registration .sr-submit {\n      width: 100%;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #senta-registration *,\n    #senta-registration *::before,\n    #senta-registration *::after {\n      animation: none !important;\n      transition: none !important;\n      transform: none !important;\n    }\n  }\n<\/style>\n\n<section id=\"senta-registration\" aria-labelledby=\"sr-title\">\n\n  <header class=\"sr-header sr-enter\">\n    <div>\n      <h2 id=\"sr-title\">Registration &amp; Payment<\/h2>\n      <p class=\"sr-intro\">\n        Join the 11th International Conference on Marine Technology.\n        Complete your payment, then submit your registration details\n        and payment receipt below.\n      <\/p>\n    <\/div>\n\n    <div class=\"sr-date\">\n      <strong>29 \u2013 30 October 2026<\/strong>\n      <span>Surabaya, Indonesia<\/span>\n    <\/div>\n  <\/header>\n\n  <ol class=\"sr-steps\" aria-label=\"Registration process\">\n    <li>\n      <span class=\"sr-step-number\">01<\/span>\n      Complete payment\n    <\/li>\n    <li>\n      <span class=\"sr-step-number\">02<\/span>\n      Submit registration\n    <\/li>\n    <li>\n      <span class=\"sr-step-number\">03<\/span>\n      Await verification\n    <\/li>\n  <\/ol>\n\n  <div class=\"sr-payment-grid sr-enter\">\n\n    <article class=\"sr-card\">\n      <span class=\"sr-label\">Domestic Payment<\/span>\n      <h3>Registration Fee Payment<\/h3>\n\n      <p>\n        Please complete your registration fee payment using\n        the following Virtual Account.\n      <\/p>\n\n      <dl class=\"sr-bank-details\">\n        <div>\n          <dt>Bank<\/dt>\n          <dd>BNI (Bank Negara Indonesia)<\/dd>\n        <\/div>\n        <div>\n          <dt>Account Name<\/dt>\n          <dd>SENTA ITS<\/dd>\n        <\/div>\n      <\/dl>\n\n      <div class=\"sr-account\">\n        <span class=\"sr-account-label\">Virtual Account Number<\/span>\n\n        <div class=\"sr-account-row\">\n          <span class=\"sr-account-number\">8257715060550003<\/span>\n\n          <button\n            type=\"button\"\n            class=\"sr-copy\"\n            id=\"sr-copy\"\n            aria-label=\"Copy Virtual Account Number\"\n          >\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.8\"\n              aria-hidden=\"true\"\n            >\n              <rect x=\"8\" y=\"8\" width=\"12\" height=\"12\" rx=\"2\"><\/rect>\n              <path d=\"M16 8V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h3\"><\/path>\n            <\/svg>\n            <span>Copy<\/span>\n          <\/button>\n        <\/div>\n\n        <span\n          id=\"sr-copy-status\"\n          class=\"sr-copy-status\"\n          role=\"status\"\n          aria-live=\"polite\"\n        ><\/span>\n      <\/div>\n\n      <p class=\"sr-payment-note\">\n        After completing the transaction, upload your payment receipt\n        through the registration form below.\n      <\/p>\n    <\/article>\n\n    <article class=\"sr-card\">\n      <span class=\"sr-label\">International Payment<\/span>\n      <h3>International Participants<\/h3>\n\n      <p>\n        International participants may pay via international bank transfer\n        (SWIFT transfer). Please contact the organizing committee to obtain\n        the bank account details and payment instructions.\n      <\/p>\n\n      <a class=\"sr-contact\" href=\"mailto:senta@its.ac.id\">\n        senta@its.ac.id\n        <span aria-hidden=\"true\">\u2197<\/span>\n      <\/a>\n\n      <p>\n        Once the transfer is complete, submit your payment receipt\n        through the registration form below.\n      <\/p>\n    <\/article>\n\n  <\/div>\n\n  <div class=\"sr-form-container sr-enter\">\n\n    <div class=\"sr-form-heading\">\n      <h3>Registration Form<\/h3>\n      <p>\n        Please complete all required fields marked\n        <span class=\"sr-required\">*<\/span>.\n      <\/p>\n    <\/div>\n\n    <!--\n      EMAIL DELIVERY:\n      Data and attachments are sent through FormSubmit.\n      Activate senta@its.ac.id after the first test submission.\n    -->\n    <form\n      id=\"sr-form\"\n      action=\"https:\/\/formsubmit.co\/senta@its.ac.id\"\n      method=\"POST\"\n      enctype=\"multipart\/form-data\"\n    >\n\n      <input\n        type=\"hidden\"\n        name=\"_subject\"\n        value=\"SENTA 2026 \u2014 New Registration and Payment Receipt\"\n      >\n      <input type=\"hidden\" name=\"_template\" value=\"table\">\n\n      <div hidden>\n        <label>\n          Leave this field empty\n          <input\n            type=\"text\"\n            name=\"_honey\"\n            tabindex=\"-1\"\n            autocomplete=\"off\"\n          >\n        <\/label>\n      <\/div>\n\n      <h3 class=\"sr-section-title\">\n        <span aria-hidden=\"true\">01<\/span>\n        Participant Information\n      <\/h3>\n\n      <div class=\"sr-fields\">\n\n        <div class=\"sr-field\">\n          <label for=\"sr-name\">\n            Full Name <span class=\"sr-required\">*<\/span>\n          <\/label>\n          <input\n            id=\"sr-name\"\n            name=\"Full Name\"\n            type=\"text\"\n            placeholder=\"Enter your full name\"\n            autocomplete=\"name\"\n            maxlength=\"150\"\n            required\n          >\n        <\/div>\n\n        <div class=\"sr-field\">\n          <label for=\"sr-affiliation\">\n            Affiliation <span class=\"sr-required\">*<\/span>\n          <\/label>\n          <input\n            id=\"sr-affiliation\"\n            name=\"Affiliation\"\n            type=\"text\"\n            placeholder=\"University, institution, or company\"\n            autocomplete=\"organization\"\n            maxlength=\"200\"\n            required\n          >\n        <\/div>\n\n        <div class=\"sr-field\">\n          <label for=\"sr-country\">\n            Country <span class=\"sr-required\">*<\/span>\n          <\/label>\n          <input\n            id=\"sr-country\"\n            name=\"Country\"\n            type=\"text\"\n            placeholder=\"Enter your country\"\n            autocomplete=\"country-name\"\n            maxlength=\"100\"\n            required\n          >\n        <\/div>\n\n        <div class=\"sr-field\">\n          <label for=\"sr-email\">\n            Email Address <span class=\"sr-required\">*<\/span>\n          <\/label>\n          <input\n            id=\"sr-email\"\n            name=\"email\"\n            type=\"email\"\n            placeholder=\"name@example.com\"\n            autocomplete=\"email\"\n            maxlength=\"254\"\n            required\n          >\n        <\/div>\n\n        <div class=\"sr-field\">\n          <label for=\"sr-category\">\n            Registration Category <span class=\"sr-required\">*<\/span>\n          <\/label>\n          <select\n            id=\"sr-category\"\n            name=\"Registration Category\"\n            required\n          >\n            <option value=\"\" disabled selected>Select your category<\/option>\n            <option value=\"Author\">Author<\/option>\n            <option value=\"Presenter\">Presenter<\/option>\n            <option value=\"Participant\">Participant<\/option>\n          <\/select>\n        <\/div>\n\n        <div class=\"sr-field\" id=\"sr-paper-field\">\n          <label for=\"sr-paper\">\n            Paper ID <span id=\"sr-paper-star\" class=\"sr-required\" hidden>*<\/span>\n          <\/label>\n          <input\n            id=\"sr-paper\"\n            name=\"Paper ID\"\n            type=\"text\"\n            inputmode=\"numeric\"\n            pattern=\"[0-9]+\"\n            maxlength=\"20\"\n            placeholder=\"Enter your numeric Paper ID\"\n            aria-describedby=\"sr-paper-help\"\n          >\n          <small class=\"sr-help\" id=\"sr-paper-help\">\n            Required for Authors and Presenters. Numbers only.\n            Participants may leave this blank.\n          <\/small>\n        <\/div>\n\n      <\/div>\n\n      <hr class=\"sr-divider\">\n\n      <h3 class=\"sr-section-title\">\n        <span aria-hidden=\"true\">02<\/span>\n        Payment Information\n      <\/h3>\n\n      <div class=\"sr-fields\">\n\n        <div class=\"sr-field\">\n          <label for=\"sr-payment-date\">\n            Payment Date <span class=\"sr-required\">*<\/span>\n          <\/label>\n          <input\n            id=\"sr-payment-date\"\n            name=\"Payment Date\"\n            type=\"date\"\n            required\n          >\n        <\/div>\n\n        <div class=\"sr-field\">\n          <label for=\"sr-currency\">\n            Currency <span class=\"sr-required\">*<\/span>\n          <\/label>\n          <select\n            id=\"sr-currency\"\n            name=\"Currency\"\n            required\n          >\n            <option value=\"\" disabled selected>Select currency<\/option>\n            <option value=\"IDR\">IDR \u2014 Indonesian Rupiah<\/option>\n            <option value=\"USD\">USD \u2014 US Dollar<\/option>\n          <\/select>\n        <\/div>\n\n        <div class=\"sr-field sr-full\">\n          <label for=\"sr-amount\">\n            Amount Paid <span class=\"sr-required\">*<\/span>\n          <\/label>\n\n          <div class=\"sr-amount-box\">\n            <span\n              class=\"sr-currency-prefix\"\n              id=\"sr-currency-prefix\"\n              aria-hidden=\"true\"\n            >\u2014<\/span>\n\n            <input\n              id=\"sr-amount\"\n              name=\"Amount Paid\"\n              type=\"number\"\n              min=\"0.01\"\n              max=\"999999999999.99\"\n              step=\"0.01\"\n              inputmode=\"decimal\"\n              placeholder=\"Enter the amount paid\"\n              aria-describedby=\"sr-amount-help\"\n              required\n            >\n          <\/div>\n\n          <small class=\"sr-help\" id=\"sr-amount-help\">\n            Enter the amount in your selected currency without\n            thousands separators. Example: 1500000 or 150.50.\n          <\/small>\n        <\/div>\n\n        <div class=\"sr-field sr-full\">\n          <label for=\"sr-proof\">\n            Proof of Payment <span class=\"sr-required\">*<\/span>\n          <\/label>\n\n          <div class=\"sr-upload\">\n            <div class=\"sr-upload-title\">Upload your payment receipt<\/div>\n\n            <p>\n              Make sure the payment date and amount are clearly visible.\n            <\/p>\n\n            <input\n              id=\"sr-proof\"\n              name=\"attachment\"\n              type=\"file\"\n              accept=\".pdf,.jpg,.jpeg,.png,application\/pdf,image\/jpeg,image\/png\"\n              aria-describedby=\"sr-file-help\"\n              required\n            >\n\n            <small class=\"sr-help\" id=\"sr-file-help\">\n              PDF, JPG, or PNG \u00b7 Maximum file size: 5 MB\n            <\/small>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <button class=\"sr-submit\" type=\"submit\">\n        Submit Registration\n        <svg\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.8\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n        <\/svg>\n      <\/button>\n\n      <p class=\"sr-submit-note\">\n        Your registration details and receipt will be processed through\n        FormSubmit and forwarded to the SENTA organizing committee.\n        Submission does not confirm payment acceptance; your payment\n        will be reviewed by the committee.\n      <\/p>\n\n      <p\n        id=\"sr-submit-status\"\n        class=\"sr-submit-status\"\n        role=\"status\"\n        aria-live=\"polite\"\n      ><\/p>\n\n      <noscript>\n        <p class=\"sr-submit-note\">\n          Please enable JavaScript for conditional Paper ID validation\n          and file size checks.\n        <\/p>\n      <\/noscript>\n\n    <\/form>\n  <\/div>\n\n  <p class=\"sr-footer\">\n    Need assistance?\n    <a href=\"mailto:senta@its.ac.id\">Contact senta@its.ac.id<\/a>\n  <\/p>\n\n<\/section>\n\n<script>\n(function () {\n  \"use strict\";\n\n  const root = document.getElementById(\"senta-registration\");\n  if (!root || root.dataset.initialized === \"true\") return;\n  root.dataset.initialized = \"true\";\n\n  const form = root.querySelector(\"#sr-form\");\n  const category = root.querySelector(\"#sr-category\");\n  const paperField = root.querySelector(\"#sr-paper-field\");\n  const paper = root.querySelector(\"#sr-paper\");\n  const paperStar = root.querySelector(\"#sr-paper-star\");\n  const currency = root.querySelector(\"#sr-currency\");\n  const currencyPrefix = root.querySelector(\"#sr-currency-prefix\");\n  const paymentDate = root.querySelector(\"#sr-payment-date\");\n  const proof = root.querySelector(\"#sr-proof\");\n  const copyButton = root.querySelector(\"#sr-copy\");\n  const copyStatus = root.querySelector(\"#sr-copy-status\");\n  const submitStatus = root.querySelector(\"#sr-submit-status\");\n\n  const accountNumber = \"8257715060550003\";\n  const maximumFileSize = 5 * 1024 * 1024;\n\n  \/\/ Limit the date picker to today, using the visitor's local date.\n  const today = new Date();\n  paymentDate.max = [\n    today.getFullYear(),\n    String(today.getMonth() + 1).padStart(2, \"0\"),\n    String(today.getDate()).padStart(2, \"0\")\n  ].join(\"-\");\n\n  function updatePaperField() {\n    const needsPaper =\n      category.value === \"Author\" ||\n      category.value === \"Presenter\";\n\n    paperField.hidden = !needsPaper;\n    paper.required = needsPaper;\n    paper.disabled = !needsPaper;\n    paperStar.hidden = !needsPaper;\n    paper.setCustomValidity(\"\");\n\n    if (!needsPaper) paper.value = \"\";\n  }\n\n  category.addEventListener(\"change\", updatePaperField);\n  updatePaperField();\n\n  paper.addEventListener(\"input\", function () {\n    paper.value = paper.value.replace(\/[^0-9]\/g, \"\");\n    paper.setCustomValidity(\"\");\n  });\n\n  function updateCurrency() {\n    currencyPrefix.textContent = currency.value || \"\u2014\";\n  }\n\n  currency.addEventListener(\"change\", updateCurrency);\n  updateCurrency();\n\n  function validateProof() {\n    proof.setCustomValidity(\"\");\n\n    const file = proof.files[0];\n    if (!file) return;\n\n    if (!\/\\.(pdf|jpe?g|png)$\/i.test(file.name)) {\n      proof.setCustomValidity(\n        \"Please upload a PDF, JPG, or PNG file.\"\n      );\n      return;\n    }\n\n    if (file.size === 0) {\n      proof.setCustomValidity(\n        \"This file is empty. Please choose another file.\"\n      );\n      return;\n    }\n\n    if (file.size > maximumFileSize) {\n      proof.setCustomValidity(\n        \"The file exceeds 5 MB. Please upload a smaller file.\"\n      );\n    }\n  }\n\n  proof.addEventListener(\"change\", function () {\n    validateProof();\n    proof.reportValidity();\n  });\n\n  \/\/ Clipboard fallback for browsers that restrict the Clipboard API.\n  function fallbackCopy(text) {\n    const textarea = document.createElement(\"textarea\");\n    textarea.value = text;\n    textarea.readOnly = true;\n    textarea.style.position = \"fixed\";\n    textarea.style.left = \"-9999px\";\n    document.body.appendChild(textarea);\n\n    try {\n      textarea.select();\n      textarea.setSelectionRange(0, textarea.value.length);\n\n      if (!document.execCommand(\"copy\")) {\n        throw new Error(\"Copy failed\");\n      }\n    } finally {\n      textarea.remove();\n      copyButton.focus();\n    }\n  }\n\n  copyButton.addEventListener(\"click\", async function () {\n    try {\n      if (navigator.clipboard && window.isSecureContext) {\n        try {\n          await navigator.clipboard.writeText(accountNumber);\n        } catch (error) {\n          fallbackCopy(accountNumber);\n        }\n      } else {\n        fallbackCopy(accountNumber);\n      }\n\n      copyStatus.textContent = \"Virtual Account Number copied.\";\n    } catch (error) {\n      copyStatus.textContent =\n        \"Please select and copy the Virtual Account Number manually.\";\n    }\n  });\n\n  form.addEventListener(\"submit\", function (event) {\n    validateProof();\n\n    const needsPaper =\n      category.value === \"Author\" ||\n      category.value === \"Presenter\";\n\n    paper.setCustomValidity(\"\");\n\n    if (needsPaper && !\/^[0-9]+$\/.test(paper.value)) {\n      paper.setCustomValidity(\"Please enter your numeric Paper ID.\");\n    }\n\n    if (!form.reportValidity()) {\n      event.preventDefault();\n      return;\n    }\n\n    \/\/ Allow the native multipart POST so the receipt is included.\n    \/\/ FormSubmit handles the next page and email delivery.\n    submitStatus.textContent =\n      \"Continuing to FormSubmit. Please complete any verification shown.\";\n  });\n\n  window.addEventListener(\"pageshow\", function () {\n    submitStatus.textContent = \"\";\n    updatePaperField();\n    updateCurrency();\n  });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Registration &amp; Payment Join the 11th International Conference on Marine Technology. Complete your payment, then submit your registration details and payment receipt below. 29 \u2013 30 October 2026 Surabaya, Indonesia 01 Complete payment 02 Submit registration 03 Await verification Domestic Payment Registration Fee Payment Please complete your registration fee payment using the following Virtual Account. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1655","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/senta.its.ac.id\/conf\/senta\/wp-json\/wp\/v2\/pages\/1655","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/senta.its.ac.id\/conf\/senta\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/senta.its.ac.id\/conf\/senta\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/senta.its.ac.id\/conf\/senta\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/senta.its.ac.id\/conf\/senta\/wp-json\/wp\/v2\/comments?post=1655"}],"version-history":[{"count":5,"href":"https:\/\/senta.its.ac.id\/conf\/senta\/wp-json\/wp\/v2\/pages\/1655\/revisions"}],"predecessor-version":[{"id":1658,"href":"https:\/\/senta.its.ac.id\/conf\/senta\/wp-json\/wp\/v2\/pages\/1655\/revisions\/1658"}],"wp:attachment":[{"href":"https:\/\/senta.its.ac.id\/conf\/senta\/wp-json\/wp\/v2\/media?parent=1655"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}