{"id":10,"date":"2026-11-03T02:56:31","date_gmt":"2026-11-03T02:56:31","guid":{"rendered":"https:\/\/spmb.pesantrennurulkalam.ponpes.id\/?page_id=10"},"modified":"2026-11-03T03:15:46","modified_gmt":"2026-11-03T03:15:46","slug":"elementor-10","status":"publish","type":"page","link":"https:\/\/spmb.pesantrennurulkalam.ponpes.id\/","title":{"rendered":"SPMB"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77e8420 e-con e-atomic-element e-flexbox-base e-default-div e-b73368d \" data-id=\"77e8420\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"77e8420\">\n    <div class=\"elementor-element elementor-element-c092545 e-flex e-con-boxed e-con e-parent\" data-id=\"c092545\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f22746 elementor-widget elementor-widget-html\" data-id=\"3f22746\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"nk-ppdb-form\">\r\n  <form id=\"nkForm\">\r\n    <div class=\"nk-registration-header\">\r\n      <span class=\"nk-registration-label\">PENERIMAAN PESERTA DIDIK BARU<\/span>\r\n      <h2>Formulir Pendaftaran<br>Santri Baru<\/h2>\r\n      <p>Silakan lengkapi formulir berikut dengan data yang benar untuk mendaftarkan calon santri di Pesantren Nurul Kalam Klaten.<\/p>\r\n      <div class=\"nk-registration-line\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- DATA SANTRI -->\r\n    <div class=\"nk-form-heading\">\r\n      <h2>Data Santri<\/h2>\r\n      <p>Data Diri Santri<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"nk-form-grid\">\r\n      <div class=\"nk-field nk-full\">\r\n        <label for=\"nkNama\">Nama Lengkap <span>*<\/span><\/label>\r\n        <input id=\"nkNama\" name=\"nama\" type=\"text\" placeholder=\"Masukkan nama lengkap\" required>\r\n      <\/div>\r\n\r\n      <div class=\"nk-field\">\r\n        <label for=\"nkTempat\">Tempat Lahir <span>*<\/span><\/label>\r\n        <input id=\"nkTempat\" name=\"tempat\" type=\"text\" placeholder=\"Kota kelahiran\" required>\r\n      <\/div>\r\n\r\n      <div class=\"nk-field\">\r\n        <label for=\"nkTanggal\">Tanggal Lahir <span>*<\/span><\/label>\r\n        <input id=\"nkTanggal\" name=\"tanggal\" type=\"date\" required>\r\n      <\/div>\r\n\r\n      <div class=\"nk-field nk-full\">\r\n        <label>Jenis Kelamin <span>*<\/span><\/label>\r\n        <div class=\"nk-options\">\r\n          <label class=\"nk-option\">\r\n            <input type=\"radio\" name=\"gender\" value=\"Laki-laki\" required>\r\n            <span>Laki-laki<\/span>\r\n          <\/label>\r\n          <label class=\"nk-option\">\r\n            <input type=\"radio\" name=\"gender\" value=\"Perempuan\" required>\r\n            <span>Perempuan<\/span>\r\n          <\/label>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"nk-field nk-full\">\r\n        <label for=\"nkAlamat\">Alamat Lengkap <span>*<\/span><\/label>\r\n        <textarea id=\"nkAlamat\" name=\"alamat\" rows=\"3\" placeholder=\"Masukkan alamat lengkap\" required><\/textarea>\r\n      <\/div>\r\n\r\n      <div class=\"nk-field nk-full\">\r\n        <label for=\"nkPendidikan\">Pendidikan Terakhir <span>*<\/span><\/label>\r\n        <select id=\"nkPendidikan\" name=\"pendidikan\" required>\r\n          <option value=\"\">Pilih pendidikan terakhir<\/option>\r\n          <option value=\"SD\/MI\">SD\/MI<\/option>\r\n          <option value=\"SMP\/MTs\">SMP\/MTs<\/option>\r\n          <option value=\"SMA\/MA\/SMK\">SMA\/MA\/SMK<\/option>\r\n          <option value=\"Lainnya\">Lainnya<\/option>\r\n        <\/select>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"nk-form-divider\"><\/div>\r\n\r\n    <!-- DATA ORANG TUA \/ WALI -->\r\n    <div class=\"nk-form-heading\">\r\n      <h2>Data Orang Tua \/ Wali<\/h2>\r\n      <p>Informasi Kontak<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"nk-form-grid\">\r\n      <div class=\"nk-field nk-full\">\r\n        <label for=\"nkWali\">Nama Orang Tua \/ Wali <span>*<\/span><\/label>\r\n        <input id=\"nkWali\" name=\"wali\" type=\"text\" placeholder=\"Masukkan nama orang tua \/ wali\" required>\r\n      <\/div>\r\n\r\n      <div class=\"nk-field nk-full\">\r\n        <label for=\"nkWhatsApp\">Nomor WhatsApp <span>*<\/span><\/label>\r\n        <input\r\n          id=\"nkWhatsApp\"\r\n          name=\"whatsapp\"\r\n          type=\"tel\"\r\n          inputmode=\"tel\"\r\n          placeholder=\"Contoh: 081234567890\"\r\n          pattern=\"[0-9+(). -]{9,20}\"\r\n          required\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"nk-field nk-full\">\r\n        <label for=\"nkEmail\">Email <small>(Opsional)<\/small><\/label>\r\n        <input id=\"nkEmail\" name=\"email\" type=\"email\" placeholder=\"nama@email.com\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- PERSETUJUAN -->\r\n    <label class=\"nk-consent\">\r\n      <input type=\"checkbox\" name=\"persetujuan\" required>\r\n      <span>Saya memastikan data yang diisi benar dan bersedia dihubungi oleh panitia PPDB. <b>*<\/b><\/span>\r\n    <\/label>\r\n\r\n    <button type=\"submit\" class=\"nk-submit\">\r\n      <span>Kirim Pendaftaran<\/span>\r\n      <span class=\"nk-submit-arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n    <\/button>\r\n\r\n    <p id=\"nkFormError\" class=\"nk-form-error\" role=\"alert\"><\/p>\r\n  <\/form>\r\n\r\n  <!-- TAMPILAN SUKSES -->\r\n  <section id=\"nkSuccess\" class=\"nk-success\" role=\"status\" aria-live=\"polite\" hidden>\r\n    <div class=\"nk-success-mark\" aria-hidden=\"true\">\r\n      <svg viewBox=\"0 0 48 48\">\r\n        <path d=\"M13 24.5 20.5 32 35.5 16\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <p class=\"nk-success-eyebrow\">PESANTREN NURUL KALAM KLATEN<\/p>\r\n    <h2>Alhamdulillah!<\/h2>\r\n    <h3>Pendaftaran Berhasil Dikirim<\/h3>\r\n\r\n    <p class=\"nk-success-description\">\r\n      Terima kasih telah mendaftarkan calon santri di Pesantren Nurul Kalam Klaten.\r\n      Permintaan pendaftaran Anda telah dikirim kepada panitia untuk diproses.\r\n    <\/p>\r\n\r\n    <div class=\"nk-success-info\">\r\n      <div class=\"nk-success-info-icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\">\r\n          <path d=\"M8 3.5h6l4 4V20a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 6 20V5A1.5 1.5 0 0 1 7.5 3.5Z\"\/>\r\n          <path d=\"M14 3.8V8h4M9 13h6M9 16.5h6\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div>\r\n        <strong>Data Pendaftaran<\/strong>\r\n        <p>Pastikan informasi yang Anda masukkan sudah benar.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- INFORMASI WHATSAPP -->\r\n    <div class=\"nk-success-info\">\r\n      <div class=\"nk-success-info-icon nk-whatsapp-icon\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\">\r\n          <path fill=\"#063F35\" stroke=\"none\" d=\"M12.04 2a9.8 9.8 0 0 0-8.45 14.76L2.2 22l5.38-1.41A9.95 9.95 0 1 0 12.04 2Zm0 17.95a8.1 8.1 0 0 1-4.13-1.13l-.3-.18-3.19.84.85-3.1-.2-.32A8.15 8.15 0 1 1 12.04 19.95Zm4.47-6.1c-.25-.13-1.5-.74-1.73-.82-.23-.09-.4-.13-.57.13-.17.25-.66.82-.81.99-.15.17-.3.19-.55.06-.25-.13-1.06-.39-2.02-1.25-.75-.67-1.25-1.5-1.4-1.75-.15-.25-.02-.39.11-.52.11-.11.25-.3.38-.45.13-.15.17-.25.25-.42.08-.17.04-.32-.02-.45-.06-.13-.57-1.38-.78-1.89-.21-.5-.42-.43-.57-.44h-.49c-.17 0-.45.06-.68.32-.23.25-.89.87-.89 2.12s.91 2.46 1.04 2.63c.13.17 1.79 2.73 4.33 3.83.6.26 1.07.41 1.44.52.6.19 1.15.16 1.58.1.48-.07 1.5-.61 1.71-1.21.21-.6.21-1.12.15-1.22-.06-.11-.23-.17-.48-.3Z\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div>\r\n        <strong>Informasi Selanjutnya<\/strong>\r\n        <p>Panitia PPDB dapat menghubungi nomor WhatsApp orang tua\/wali yang telah dicantumkan.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"nk-success-note\">\r\n      Mohon menunggu informasi berikutnya dari panitia PPDB.\r\n    <\/div>\r\n\r\n    <!-- TOMBOL WHATSAPP PANITIA -->\r\n    <a\r\n      class=\"nk-home-button\"\r\n      href=\"https:\/\/wa.me\/6288220061670?text=Assalamualaikum%2C%20saya%20ingin%20menanyakan%20informasi%20pendaftaran%20santri%20baru%20Pesantren%20Nurul%20Kalam.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener noreferrer\"\r\n    >\r\n      Hubungi Panitia via WhatsApp <span aria-hidden=\"true\">\u2192<\/span>\r\n    <\/a>\r\n  <\/section>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap');\r\n\r\n#nk-ppdb-form {\r\n  --nk-green: #063F35;\r\n  --nk-gold: #D6A84F;\r\n  --nk-border: #E5E9E5;\r\n  --nk-text: #35413B;\r\n  width: 100%;\r\n  color: var(--nk-text);\r\n  font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n#nk-ppdb-form *,\r\n#nk-ppdb-form *::before,\r\n#nk-ppdb-form *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#nk-ppdb-form [hidden] {\r\n  display: none !important;\r\n}\r\n\r\n\/* HEADER FORMULIR *\/\r\n#nk-ppdb-form .nk-registration-header {\r\n  margin-bottom: 30px;\r\n  padding-bottom: 22px;\r\n  border-bottom: 1px solid #E5E9E5;\r\n}\r\n\r\n#nk-ppdb-form .nk-registration-label {\r\n  display: inline-block;\r\n  margin-bottom: 10px;\r\n  color: #9A7837;\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n  letter-spacing: 1.4px;\r\n  line-height: 1.8;\r\n}\r\n\r\n#nk-ppdb-form .nk-registration-header h2 {\r\n  margin: 0 0 10px;\r\n  color: #063F35;\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 32px;\r\n  font-weight: 600;\r\n  line-height: 1.05;\r\n}\r\n\r\n#nk-ppdb-form .nk-registration-header p {\r\n  max-width: 560px;\r\n  margin: 0;\r\n  color: #788079;\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 12px;\r\n  line-height: 1.9;\r\n}\r\n\r\n#nk-ppdb-form .nk-registration-line {\r\n  width: 54px;\r\n  height: 3px;\r\n  margin-top: 18px;\r\n  border-radius: 10px;\r\n  background: #D6A84F;\r\n}\r\n\r\n\/* JUDUL BAGIAN *\/\r\n#nk-ppdb-form .nk-form-heading {\r\n  margin: 0 0 22px;\r\n}\r\n\r\n#nk-ppdb-form .nk-form-heading h2 {\r\n  margin: 0 0 3px;\r\n  color: var(--nk-green);\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  line-height: 1.25;\r\n}\r\n\r\n#nk-ppdb-form .nk-form-heading p {\r\n  margin: 0;\r\n  color: #788079;\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 12px;\r\n}\r\n\r\n\/* GRID FORM *\/\r\n#nk-ppdb-form .nk-form-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 18px 16px;\r\n}\r\n\r\n#nk-ppdb-form .nk-full {\r\n  grid-column: 1 \/ -1;\r\n}\r\n\r\n#nk-ppdb-form .nk-field {\r\n  min-width: 0;\r\n}\r\n\r\n#nk-ppdb-form .nk-field > label {\r\n  display: block;\r\n  margin-bottom: 7px;\r\n  color: var(--nk-green);\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n}\r\n\r\n#nk-ppdb-form .nk-field > label > span,\r\n#nk-ppdb-form .nk-consent b {\r\n  color: #B8872D;\r\n}\r\n\r\n\/* INPUT *\/\r\n#nk-ppdb-form .nk-field input:not([type=\"radio\"]),\r\n#nk-ppdb-form .nk-field textarea,\r\n#nk-ppdb-form .nk-field select {\r\n  display: block;\r\n  width: 100%;\r\n  max-width: 100%;\r\n  min-height: 46px;\r\n  margin: 0;\r\n  padding: 11px 13px;\r\n  border: 1px solid var(--nk-border);\r\n  border-radius: 6px;\r\n  background: #FFFFFF;\r\n  color: var(--nk-text);\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 400;\r\n  line-height: 1.6;\r\n  box-shadow: none;\r\n  outline: none;\r\n}\r\n\r\n#nk-ppdb-form .nk-field textarea {\r\n  min-height: 85px;\r\n  resize: vertical;\r\n}\r\n\r\n#nk-ppdb-form .nk-field input::placeholder,\r\n#nk-ppdb-form .nk-field textarea::placeholder {\r\n  color: #A0A7A1;\r\n  opacity: 1;\r\n}\r\n\r\n#nk-ppdb-form .nk-field input:focus,\r\n#nk-ppdb-form .nk-field textarea:focus,\r\n#nk-ppdb-form .nk-field select:focus {\r\n  border-color: var(--nk-gold);\r\n  box-shadow: 0 0 0 2px rgba(214,168,79,.12);\r\n}\r\n\r\n\/* JENIS KELAMIN *\/\r\n#nk-ppdb-form .nk-options {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n}\r\n\r\n#nk-ppdb-form .nk-option {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  min-height: 44px;\r\n  padding: 10px 13px;\r\n  border: 1px solid var(--nk-border);\r\n  border-radius: 6px;\r\n  background: #FFFFFF;\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 12px;\r\n  cursor: pointer;\r\n}\r\n\r\n#nk-ppdb-form .nk-option:has(input:checked) {\r\n  border-color: var(--nk-gold);\r\n  background: #FFFCF5;\r\n}\r\n\r\n#nk-ppdb-form input[type=\"radio\"],\r\n#nk-ppdb-form input[type=\"checkbox\"] {\r\n  accent-color: var(--nk-green);\r\n}\r\n\r\n\/* PEMISAH *\/\r\n#nk-ppdb-form .nk-form-divider {\r\n  height: 1px;\r\n  margin: 28px 0;\r\n  background: var(--nk-border);\r\n}\r\n\r\n\/* PERSETUJUAN *\/\r\n#nk-ppdb-form .nk-consent {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 10px;\r\n  margin-top: 23px;\r\n  padding: 13px;\r\n  border-radius: 6px;\r\n  background: #F7F3E8;\r\n  color: var(--nk-text);\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 11px;\r\n  line-height: 1.8;\r\n  cursor: pointer;\r\n}\r\n\r\n#nk-ppdb-form .nk-consent input {\r\n  flex: 0 0 auto;\r\n  margin-top: 5px;\r\n}\r\n\r\n\/* TOMBOL KIRIM *\/\r\n#nk-ppdb-form .nk-submit {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  width: 100%;\r\n  min-height: 49px;\r\n  margin-top: 18px;\r\n  padding: 12px 18px;\r\n  border: 1px solid var(--nk-gold);\r\n  border-radius: 6px;\r\n  background: var(--nk-gold);\r\n  color: var(--nk-green);\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n}\r\n\r\n#nk-ppdb-form .nk-submit:hover {\r\n  background: #E4BB69;\r\n  color: var(--nk-green);\r\n}\r\n\r\n#nk-ppdb-form .nk-submit:disabled {\r\n  cursor: wait;\r\n  opacity: .7;\r\n}\r\n\r\n#nk-ppdb-form .nk-submit-arrow {\r\n  font-size: 19px;\r\n  line-height: 1;\r\n}\r\n\r\n\/* ERROR *\/\r\n#nk-ppdb-form .nk-form-error {\r\n  display: none;\r\n  margin: 12px 0 0;\r\n  color: #A52A2A;\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 12px;\r\n}\r\n\r\n#nk-ppdb-form .nk-form-error.is-visible {\r\n  display: block;\r\n}\r\n\r\n#nk-ppdb-form small {\r\n  color: #788079;\r\n  font-weight: 400;\r\n}\r\n\r\n\/* TAMPILAN SUKSES *\/\r\n#nk-ppdb-form .nk-success {\r\n  width: 100%;\r\n  padding: clamp(24px, 5vw, 42px);\r\n  border: 1px solid #E5E9E5;\r\n  border-radius: 12px;\r\n  background: #FFFFFF;\r\n  text-align: center;\r\n  animation: nkSuccessIn .55s ease both;\r\n}\r\n\r\n#nk-ppdb-form .nk-success[hidden] {\r\n  display: none !important;\r\n}\r\n\r\n#nk-ppdb-form .nk-success-mark {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 76px;\r\n  height: 76px;\r\n  margin: 0 auto 18px;\r\n  border-radius: 50%;\r\n  background: var(--nk-green);\r\n  box-shadow: 0 0 0 8px rgba(6,63,53,.07);\r\n}\r\n\r\n#nk-ppdb-form .nk-success-mark svg {\r\n  width: 42px;\r\n  height: 42px;\r\n  fill: none;\r\n  stroke: var(--nk-gold);\r\n  stroke-width: 3;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n  stroke-dasharray: 40;\r\n  stroke-dashoffset: 40;\r\n  animation: nkDrawCheck .65s .2s ease forwards;\r\n}\r\n\r\n#nk-ppdb-form .nk-success-eyebrow {\r\n  margin: 0 0 7px;\r\n  color: #8A754B;\r\n  font: 600 10px\/1.7 'Poppins', sans-serif;\r\n  letter-spacing: 1.5px;\r\n}\r\n\r\n#nk-ppdb-form .nk-success h2 {\r\n  margin: 0;\r\n  color: var(--nk-green);\r\n  font: 700 38px\/1.15 'Poppins', sans-serif;\r\n}\r\n\r\n#nk-ppdb-form .nk-success h3 {\r\n  margin: 4px 0 14px;\r\n  color: var(--nk-green);\r\n  font: 600 15px\/1.6 'Poppins', sans-serif;\r\n}\r\n\r\n#nk-ppdb-form .nk-success-description {\r\n  max-width: 540px;\r\n  margin: 0 auto 24px;\r\n  color: #667169;\r\n  font: 400 12px\/1.9 'Poppins', sans-serif;\r\n}\r\n\r\n\/* KARTU INFORMASI *\/\r\n#nk-ppdb-form .nk-success-info {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 13px;\r\n  margin-top: 12px;\r\n  padding: 15px;\r\n  border: 1px solid #E7EBE7;\r\n  border-radius: 8px;\r\n  background: #FBFCFA;\r\n  text-align: left;\r\n}\r\n\r\n#nk-ppdb-form .nk-success-info-icon {\r\n  display: flex;\r\n  flex: 0 0 38px;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 38px;\r\n  height: 38px;\r\n  border-radius: 8px;\r\n  background: #F7F0DF;\r\n}\r\n\r\n#nk-ppdb-form .nk-success-info-icon svg {\r\n  display: block;\r\n  width: 23px;\r\n  height: 23px;\r\n  fill: none;\r\n  stroke: var(--nk-green);\r\n  stroke-width: 1.7;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\/* LOGO WHATSAPP *\/\r\n#nk-ppdb-form .nk-whatsapp-icon svg {\r\n  fill: none;\r\n  stroke: none;\r\n}\r\n\r\n#nk-ppdb-form .nk-success-info strong {\r\n  display: block;\r\n  margin: 0 0 3px;\r\n  color: var(--nk-green);\r\n  font: 600 12px\/1.6 'Poppins', sans-serif;\r\n}\r\n\r\n#nk-ppdb-form .nk-success-info p {\r\n  margin: 0;\r\n  color: #69736C;\r\n  font: 400 11px\/1.8 'Poppins', sans-serif;\r\n}\r\n\r\n#nk-ppdb-form .nk-success-note {\r\n  margin: 20px 0;\r\n  color: #667169;\r\n  font: 400 11px\/1.8 'Poppins', sans-serif;\r\n}\r\n\r\n\/* TOMBOL WHATSAPP *\/\r\n#nk-ppdb-form .nk-home-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  min-height: 46px;\r\n  padding: 12px 20px;\r\n  border: 1px solid var(--nk-gold);\r\n  border-radius: 6px;\r\n  background: var(--nk-gold);\r\n  color: var(--nk-green);\r\n  font: 600 12px\/1.5 'Poppins', sans-serif;\r\n  text-decoration: none;\r\n  transition: background .2s ease, transform .2s ease;\r\n}\r\n\r\n#nk-ppdb-form .nk-home-button:hover {\r\n  background: #E4BB69;\r\n  color: var(--nk-green);\r\n  transform: translateY(-1px);\r\n}\r\n\r\n#nk-ppdb-form .nk-home-button span {\r\n  font-size: 18px;\r\n}\r\n\r\n\/* ANIMASI *\/\r\n@keyframes nkSuccessIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(12px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes nkDrawCheck {\r\n  to {\r\n    stroke-dashoffset: 0;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #nk-ppdb-form .nk-success,\r\n  #nk-ppdb-form .nk-success-mark svg,\r\n  #nk-ppdb-form .nk-home-button {\r\n    animation: none;\r\n    transition: none;\r\n  }\r\n\r\n  #nk-ppdb-form .nk-success-mark svg {\r\n    stroke-dashoffset: 0;\r\n  }\r\n}\r\n\r\n\/* RESPONSIVE HP *\/\r\n@media (max-width: 600px) {\r\n  #nk-ppdb-form .nk-registration-header {\r\n    margin-bottom: 25px;\r\n    padding-bottom: 20px;\r\n  }\r\n\r\n  #nk-ppdb-form .nk-registration-header h2 {\r\n    font-size: 36px;\r\n  }\r\n\r\n  #nk-ppdb-form .nk-registration-header p {\r\n    font-size: 11px;\r\n  }\r\n\r\n  #nk-ppdb-form .nk-form-grid {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 15px;\r\n  }\r\n\r\n  #nk-ppdb-form .nk-full {\r\n    grid-column: auto;\r\n  }\r\n\r\n  #nk-ppdb-form .nk-form-heading h2 {\r\n    font-size: 28px;\r\n  }\r\n\r\n  #nk-ppdb-form .nk-success {\r\n    padding: 25px 18px;\r\n  }\r\n\r\n  #nk-ppdb-form .nk-success h2 {\r\n    font-size: 34px;\r\n  }\r\n}\r\n\r\n\/* FONT FINAL: POPPINS UNTUK SEMUA ELEMEN *\/\r\n#nk-ppdb-form,\r\n#nk-ppdb-form * {\r\n  font-family: 'Poppins', sans-serif !important;\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const form = document.getElementById('nkForm');\r\n  const success = document.getElementById('nkSuccess');\r\n  const error = document.getElementById('nkFormError');\r\n\r\n  if (!form || !success || form.dataset.ready === '1') return;\r\n  form.dataset.ready = '1';\r\n\r\n  const button = form.querySelector('button[type=\"submit\"]');\r\n\r\n  const SCRIPT_URL =\r\n    'https:\/\/script.google.com\/macros\/s\/AKfycby76pxMHqnnv5jtAW7NgRe7cFQRn_VnA8_WerNliMRV0-cBfkP9K1X6Wi4C7q4Bh06DKQ\/exec';\r\n\r\n  \/\/ Kunci penanda pendaftaran pada browser ini\r\n  const STORAGE_KEY = 'nk_ppdb_pendaftaran_berhasil_v1';\r\n\r\n  function showSuccess() {\r\n    form.hidden = true;\r\n    success.hidden = false;\r\n  }\r\n\r\n  \/\/ Periksa status saat halaman pertama kali dibuka atau di-refresh\r\n  try {\r\n    if (localStorage.getItem(STORAGE_KEY) === 'true') {\r\n      showSuccess();\r\n    }\r\n  } catch (e) {\r\n    console.warn('Penyimpanan status browser tidak tersedia.');\r\n  }\r\n\r\n  form.addEventListener('submit', async function (event) {\r\n    event.preventDefault();\r\n\r\n    \/\/ Jangan izinkan pengiriman ulang jika sudah tercatat berhasil\r\n    try {\r\n      if (localStorage.getItem(STORAGE_KEY) === 'true') {\r\n        showSuccess();\r\n        return;\r\n      }\r\n    } catch (e) {}\r\n\r\n    if (!form.checkValidity()) {\r\n      form.reportValidity();\r\n      return;\r\n    }\r\n\r\n    if (button.disabled) return;\r\n\r\n    const get = function (name) {\r\n      const field = form.elements.namedItem(name);\r\n      return field ? String(field.value || '').trim() : '';\r\n    };\r\n\r\n    const payload = {\r\n      nama: get('nama'),\r\n      tempat: get('tempat'),\r\n      tanggal: get('tanggal'),\r\n      gender: get('gender'),\r\n      alamat: get('alamat'),\r\n      pendidikan: get('pendidikan'),\r\n      wali: get('wali'),\r\n      whatsapp: get('whatsapp'),\r\n      email: get('email')\r\n    };\r\n\r\n    error.textContent = '';\r\n    error.classList.remove('is-visible');\r\n\r\n    button.disabled = true;\r\n\r\n    const buttonText = button.querySelector('span');\r\n    const oldText = buttonText ? buttonText.textContent : '';\r\n\r\n    if (buttonText) {\r\n      buttonText.textContent = 'Mengirim data...';\r\n    }\r\n\r\n    try {\r\n      await fetch(SCRIPT_URL, {\r\n        method: 'POST',\r\n        mode: 'no-cors',\r\n        redirect: 'follow',\r\n        headers: {\r\n          'Content-Type': 'text\/plain;charset=utf-8'\r\n        },\r\n        body: JSON.stringify(payload)\r\n      });\r\n\r\n      \/\/ Simpan penanda pada browser setelah permintaan dikirim\r\n      try {\r\n        localStorage.setItem(STORAGE_KEY, 'true');\r\n      } catch (e) {\r\n        console.warn('Status tidak dapat disimpan pada browser.');\r\n      }\r\n\r\n      showSuccess();\r\n\r\n      success.scrollIntoView({\r\n        behavior: 'smooth',\r\n        block: 'center'\r\n      });\r\n\r\n    } catch (err) {\r\n      error.textContent =\r\n        'Pengiriman gagal dimulai. Periksa koneksi internet dan coba kembali.';\r\n\r\n      error.classList.add('is-visible');\r\n      button.disabled = false;\r\n\r\n      if (buttonText) {\r\n        buttonText.textContent = oldText;\r\n      }\r\n    }\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PENERIMAAN PESERTA DIDIK BARU Formulir PendaftaranSantri Baru Silakan lengkapi formulir berikut dengan data yang benar untuk mendaftarkan calon santri di Pesantren Nurul Kalam Klaten. Data Santri Data Diri Santri Nama Lengkap * Tempat Lahir * Tanggal Lahir * Jenis Kelamin * Laki-laki Perempuan Alamat Lengkap * Pendidikan Terakhir * Pilih pendidikan terakhirSD\/MISMP\/MTsSMA\/MA\/SMKLainnya Data Orang Tua [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/spmb.pesantrennurulkalam.ponpes.id\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spmb.pesantrennurulkalam.ponpes.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spmb.pesantrennurulkalam.ponpes.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spmb.pesantrennurulkalam.ponpes.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spmb.pesantrennurulkalam.ponpes.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":5,"href":"https:\/\/spmb.pesantrennurulkalam.ponpes.id\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/spmb.pesantrennurulkalam.ponpes.id\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/spmb.pesantrennurulkalam.ponpes.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}