{"id":34,"date":"2026-10-21T06:15:50","date_gmt":"2026-10-21T06:15:50","guid":{"rendered":"https:\/\/indexa.id-host.org\/?page_id=34"},"modified":"2026-10-21T06:15:50","modified_gmt":"2026-10-21T06:15:50","slug":"gem","status":"publish","type":"page","link":"https:\/\/indexa.id-host.org\/?page_id=34","title":{"rendered":"Journal Hosting Application"},"content":{"rendered":"\n<div class=\"idhost-form-container\">\n\n    <!-- \u2500\u2500 Wizard Progress Bar \u2500\u2500 -->\n    <div id=\"idhost-wizard-header\" style=\"margin-bottom:2.5rem;\">\n        <div class=\"idhost-form-header\" style=\"text-align:center; margin-bottom:2rem;\">\n            <h2 style=\"font-family:'Outfit',sans-serif; font-size:1.8rem; font-weight:800; margin:0 0 8px;\">Journal Hosting Application<\/h2>\n            <p style=\"color:#64748b; margin:0; font-size:0.95rem;\">Apply to host your scholarly journal on ID-Host under the Crossref GEM program framework.<\/p>\n        <\/div>\n\n        <div class=\"idhost-steps-bar\" style=\"display:flex; align-items:center; justify-content:center; gap:0; margin:0 auto; max-width:600px;\">\n                            <div class=\"wizard-step\" data-step=\"1\" style=\"display:flex; flex-direction:column; align-items:center; flex:1; position:relative; cursor:default;\">\n                    <div class=\"wizard-step-dot active\" style=\"width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.1rem; font-weight:700; transition:all 0.3s; border:2px solid #2563eb; background:#2563eb; color:#fff; z-index:1;\">\n                        <span class=\"step-icon\">\ud83d\udccb<\/span>\n                    <\/div>\n                    <span class=\"wizard-step-label\" style=\"font-size:0.72rem; font-weight:700; color:#2563eb; margin-top:6px; text-align:center; text-transform:uppercase; letter-spacing:0.4px; white-space:nowrap;\">Journal Info<\/span>\n                                            <div class=\"step-connector\" style=\"position:absolute; top:21px; left:calc(50% + 21px); right:calc(-50% + 21px); height:2px; background:#e2e8f0; z-index:0;\"><\/div>\n                                    <\/div>\n                            <div class=\"wizard-step\" data-step=\"2\" style=\"display:flex; flex-direction:column; align-items:center; flex:1; position:relative; cursor:default;\">\n                    <div class=\"wizard-step-dot\" style=\"width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.1rem; font-weight:700; transition:all 0.3s; border:2px solid #cbd5e1; background:#f8fafc; color:#94a3b8; z-index:1;\">\n                        <span class=\"step-icon\">\ud83d\udcb0<\/span>\n                    <\/div>\n                    <span class=\"wizard-step-label\" style=\"font-size:0.72rem; font-weight:700; color:#94a3b8; margin-top:6px; text-align:center; text-transform:uppercase; letter-spacing:0.4px; white-space:nowrap;\">Plans &amp; Pricing<\/span>\n                                            <div class=\"step-connector\" style=\"position:absolute; top:21px; left:calc(50% + 21px); right:calc(-50% + 21px); height:2px; background:#e2e8f0; z-index:0;\"><\/div>\n                                    <\/div>\n                            <div class=\"wizard-step\" data-step=\"3\" style=\"display:flex; flex-direction:column; align-items:center; flex:1; position:relative; cursor:default;\">\n                    <div class=\"wizard-step-dot\" style=\"width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.1rem; font-weight:700; transition:all 0.3s; border:2px solid #cbd5e1; background:#f8fafc; color:#94a3b8; z-index:1;\">\n                        <span class=\"step-icon\">\u2705<\/span>\n                    <\/div>\n                    <span class=\"wizard-step-label\" style=\"font-size:0.72rem; font-weight:700; color:#94a3b8; margin-top:6px; text-align:center; text-transform:uppercase; letter-spacing:0.4px; white-space:nowrap;\">Ethics &amp; Submit<\/span>\n                                    <\/div>\n                    <\/div>\n    <\/div>\n\n    <form id=\"idhost-submission-form\" method=\"post\">\n        <!-- Message Container -->\n        <div id=\"idhost-form-msg\" class=\"idhost-alert\" style=\"display: none;\"><\/div>\n\n        <!-- \u2500\u2500\u2500 STEP 1: Journal Information \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n        <div class=\"wizard-panel\" id=\"wizard-panel-1\">\n            <div style=\"background:linear-gradient(135deg,#eff6ff,#f0f9ff); border:1px solid #bfdbfe; border-radius:16px; padding:1.5rem; margin-bottom:1.5rem;\">\n                <h3 style=\"font-family:'Outfit',sans-serif; font-size:1.1rem; font-weight:700; color:#1e40af; margin:0 0 4px;\">\ud83d\udccb Step 1 \u2014 Journal Information<\/h3>\n                <p style=\"color:#3b82f6; font-size:0.85rem; margin:0;\">Tell us about your journal and publisher details.<\/p>\n            <\/div>\n\n            <div style=\"display:grid; grid-template-columns:1fr 1fr; gap:16px;\" class=\"form-grid-2\">\n                <div class=\"idhost-form-group\">\n                    <label for=\"idhost_pub_name\">Publisher Name *<\/label>\n                    <input type=\"text\" id=\"idhost_pub_name\" name=\"publisher_name\" placeholder=\"e.g. Science Frontiers Association\" required>\n                <\/div>\n                <div class=\"idhost-form-group\">\n                    <label for=\"idhost_journal_title\">Journal Title *<\/label>\n                    <input type=\"text\" id=\"idhost_journal_title\" name=\"journal_title\" placeholder=\"e.g. Journal of Advanced Cybernetics\" required>\n                <\/div>\n            <\/div>\n\n            <div style=\"display:grid; grid-template-columns:1fr 1fr; gap:16px;\" class=\"form-grid-2\">\n                <div class=\"idhost-form-group\">\n                    <label for=\"idhost_issn\">ISSN \/ E-ISSN *<\/label>\n                    <input type=\"text\" id=\"idhost_issn\" name=\"issn\" placeholder=\"e.g. 1234-567X\" required>\n                <\/div>\n                <div class=\"idhost-form-group\">\n                    <label for=\"idhost_acronym\">Journal Acronym (for URL slug) *<\/label>\n                    <input type=\"text\" id=\"idhost_acronym\" name=\"journal_acronym\" placeholder=\"e.g. ajms\" required>\n                    <small style=\"color:#64748b; font-size:0.75rem; display:block; margin-top:3px;\">Will be hosted at: https:\/\/www.id-host.org\/gemid\/index.php\/{acronym}<\/small>\n                <\/div>\n            <\/div>\n\n            <div style=\"display:grid; grid-template-columns:1fr 1fr; gap:16px;\" class=\"form-grid-2\">\n                <div class=\"idhost-form-group\">\n                    <label for=\"idhost_email\">Contact Email Address *<\/label>\n                    <input type=\"email\" id=\"idhost_email\" name=\"email\" placeholder=\"e.g. editor@journaldomain.org\" required>\n                <\/div>\n                <div class=\"idhost-form-group\">\n                    <label for=\"idhost_country\">Country \/ Region *<\/label>\n                    <select id=\"idhost_country\" name=\"country\" required>\n                        <option value=\"\">-- Select Country --<\/option>\n                                                    <option value=\"Afghanistan\" >Afghanistan<\/option>\n                                                    <option value=\"Albania\" >Albania<\/option>\n                                                    <option value=\"Algeria\" >Algeria<\/option>\n                                                    <option value=\"Andorra\" >Andorra<\/option>\n                                                    <option value=\"Angola\" >Angola<\/option>\n                                                    <option value=\"Antigua and Barbuda\" >Antigua and Barbuda<\/option>\n                                                    <option value=\"Argentina\" >Argentina<\/option>\n                                                    <option value=\"Armenia\" >Armenia<\/option>\n                                                    <option value=\"Australia\" >Australia<\/option>\n                                                    <option value=\"Austria\" >Austria<\/option>\n                                                    <option value=\"Azerbaijan\" >Azerbaijan<\/option>\n                                                    <option value=\"Bahamas\" >Bahamas<\/option>\n                                                    <option value=\"Bahrain\" >Bahrain<\/option>\n                                                    <option value=\"Bangladesh\" >Bangladesh<\/option>\n                                                    <option value=\"Barbados\" >Barbados<\/option>\n                                                    <option value=\"Belarus\" >Belarus<\/option>\n                                                    <option value=\"Belgium\" >Belgium<\/option>\n                                                    <option value=\"Belize\" >Belize<\/option>\n                                                    <option value=\"Benin\" >Benin<\/option>\n                                                    <option value=\"Bhutan\" >Bhutan<\/option>\n                                                    <option value=\"Bolivia\" >Bolivia<\/option>\n                                                    <option value=\"Bosnia and Herzegovina\" >Bosnia and Herzegovina<\/option>\n                                                    <option value=\"Botswana\" >Botswana<\/option>\n                                                    <option value=\"Brazil\" >Brazil<\/option>\n                                                    <option value=\"Brunei\" >Brunei<\/option>\n                                                    <option value=\"Bulgaria\" >Bulgaria<\/option>\n                                                    <option value=\"Burkina Faso\" >Burkina Faso<\/option>\n                                                    <option value=\"Burundi\" >Burundi<\/option>\n                                                    <option value=\"Cabo Verde\" >Cabo Verde<\/option>\n                                                    <option value=\"Cambodia\" >Cambodia<\/option>\n                                                    <option value=\"Cameroon\" >Cameroon<\/option>\n                                                    <option value=\"Canada\" >Canada<\/option>\n                                                    <option value=\"Central African Republic\" >Central African Republic<\/option>\n                                                    <option value=\"Chad\" >Chad<\/option>\n                                                    <option value=\"Chile\" >Chile<\/option>\n                                                    <option value=\"China\" >China<\/option>\n                                                    <option value=\"Colombia\" >Colombia<\/option>\n                                                    <option value=\"Comoros\" >Comoros<\/option>\n                                                    <option value=\"Congo, Rep\" >Congo, Rep<\/option>\n                                                    <option value=\"Congo, Dem Rep\" >Congo, Dem Rep<\/option>\n                                                    <option value=\"Costa Rica\" >Costa Rica<\/option>\n                                                    <option value=\"C\u00f4te d&#039;Ivoire\" >C\u00f4te d&#039;Ivoire<\/option>\n                                                    <option value=\"Croatia\" >Croatia<\/option>\n                                                    <option value=\"Cuba\" >Cuba<\/option>\n                                                    <option value=\"Cyprus\" >Cyprus<\/option>\n                                                    <option value=\"Czech Republic\" >Czech Republic<\/option>\n                                                    <option value=\"Denmark\" >Denmark<\/option>\n                                                    <option value=\"Djibouti\" >Djibouti<\/option>\n                                                    <option value=\"Dominica\" >Dominica<\/option>\n                                                    <option value=\"Dominican Republic\" >Dominican Republic<\/option>\n                                                    <option value=\"Ecuador\" >Ecuador<\/option>\n                                                    <option value=\"Egypt\" >Egypt<\/option>\n                                                    <option value=\"El Salvador\" >El Salvador<\/option>\n                                                    <option value=\"Equatorial Guinea\" >Equatorial Guinea<\/option>\n                                                    <option value=\"Eritrea\" >Eritrea<\/option>\n                                                    <option value=\"Estonia\" >Estonia<\/option>\n                                                    <option value=\"Eswatini\" >Eswatini<\/option>\n                                                    <option value=\"Ethiopia\" >Ethiopia<\/option>\n                                                    <option value=\"Fiji\" >Fiji<\/option>\n                                                    <option value=\"Finland\" >Finland<\/option>\n                                                    <option value=\"France\" >France<\/option>\n                                                    <option value=\"Gabon\" >Gabon<\/option>\n                                                    <option value=\"Gambia\" >Gambia<\/option>\n                                                    <option value=\"Georgia\" >Georgia<\/option>\n                                                    <option value=\"Germany\" >Germany<\/option>\n                                                    <option value=\"Ghana\" >Ghana<\/option>\n                                                    <option value=\"Greece\" >Greece<\/option>\n                                                    <option value=\"Grenada\" >Grenada<\/option>\n                                                    <option value=\"Guatemala\" >Guatemala<\/option>\n                                                    <option value=\"Guinea\" >Guinea<\/option>\n                                                    <option value=\"Guinea-Bissau\" >Guinea-Bissau<\/option>\n                                                    <option value=\"Guyana\" >Guyana<\/option>\n                                                    <option value=\"Haiti\" >Haiti<\/option>\n                                                    <option value=\"Honduras\" >Honduras<\/option>\n                                                    <option value=\"Hungary\" >Hungary<\/option>\n                                                    <option value=\"Iceland\" >Iceland<\/option>\n                                                    <option value=\"India\" >India<\/option>\n                                                    <option value=\"Indonesia\" >Indonesia<\/option>\n                                                    <option value=\"Iran\" >Iran<\/option>\n                                                    <option value=\"Iraq\" >Iraq<\/option>\n                                                    <option value=\"Ireland\" >Ireland<\/option>\n                                                    <option value=\"Israel\" >Israel<\/option>\n                                                    <option value=\"Italy\" >Italy<\/option>\n                                                    <option value=\"Jamaica\" >Jamaica<\/option>\n                                                    <option value=\"Japan\" >Japan<\/option>\n                                                    <option value=\"Jordan\" >Jordan<\/option>\n                                                    <option value=\"Kazakhstan\" >Kazakhstan<\/option>\n                                                    <option value=\"Kenya\" >Kenya<\/option>\n                                                    <option value=\"Kiribati\" >Kiribati<\/option>\n                                                    <option value=\"Kosovo\" >Kosovo<\/option>\n                                                    <option value=\"Kuwait\" >Kuwait<\/option>\n                                                    <option value=\"Kyrgyz Republic\" >Kyrgyz Republic<\/option>\n                                                    <option value=\"Lao PDR\" >Lao PDR<\/option>\n                                                    <option value=\"Latvia\" >Latvia<\/option>\n                                                    <option value=\"Lebanon\" >Lebanon<\/option>\n                                                    <option value=\"Lesotho\" >Lesotho<\/option>\n                                                    <option value=\"Liberia\" >Liberia<\/option>\n                                                    <option value=\"Libya\" >Libya<\/option>\n                                                    <option value=\"Liechtenstein\" >Liechtenstein<\/option>\n                                                    <option value=\"Lithuania\" >Lithuania<\/option>\n                                                    <option value=\"Luxembourg\" >Luxembourg<\/option>\n                                                    <option value=\"Madagascar\" >Madagascar<\/option>\n                                                    <option value=\"Malawi\" >Malawi<\/option>\n                                                    <option value=\"Maldives\" >Maldives<\/option>\n                                                    <option value=\"Mali\" >Mali<\/option>\n                                                    <option value=\"Malta\" >Malta<\/option>\n                                                    <option value=\"Marshall Islands\" >Marshall Islands<\/option>\n                                                    <option value=\"Mauritania\" >Mauritania<\/option>\n                                                    <option value=\"Mauritius\" >Mauritius<\/option>\n                                                    <option value=\"Mexico\" >Mexico<\/option>\n                                                    <option value=\"Micronesia (Federated States of)\" >Micronesia (Federated States of)<\/option>\n                                                    <option value=\"Moldova\" >Moldova<\/option>\n                                                    <option value=\"Monaco\" >Monaco<\/option>\n                                                    <option value=\"Mongolia\" >Mongolia<\/option>\n                                                    <option value=\"Montenegro\" >Montenegro<\/option>\n                                                    <option value=\"Morocco\" >Morocco<\/option>\n                                                    <option value=\"Mozambique\" >Mozambique<\/option>\n                                                    <option value=\"Myanmar\" >Myanmar<\/option>\n                                                    <option value=\"Nepal\" >Nepal<\/option>\n                                                    <option value=\"Netherlands\" >Netherlands<\/option>\n                                                    <option value=\"New Zealand\" >New Zealand<\/option>\n                                                    <option value=\"Nicaragua\" >Nicaragua<\/option>\n                                                    <option value=\"Niger\" >Niger<\/option>\n                                                    <option value=\"Nigeria\" >Nigeria<\/option>\n                                                    <option value=\"North Korea\" >North Korea<\/option>\n                                                    <option value=\"North Macedonia\" >North Macedonia<\/option>\n                                                    <option value=\"Norway\" >Norway<\/option>\n                                                    <option value=\"Oman\" >Oman<\/option>\n                                                    <option value=\"Pakistan\" >Pakistan<\/option>\n                                                    <option value=\"Palau\" >Palau<\/option>\n                                                    <option value=\"Palestine\" >Palestine<\/option>\n                                                    <option value=\"Panama\" >Panama<\/option>\n                                                    <option value=\"Papua New Guinea\" >Papua New Guinea<\/option>\n                                                    <option value=\"Paraguay\" >Paraguay<\/option>\n                                                    <option value=\"Peru\" >Peru<\/option>\n                                                    <option value=\"Philippines\" >Philippines<\/option>\n                                                    <option value=\"Poland\" >Poland<\/option>\n                                                    <option value=\"Portugal\" >Portugal<\/option>\n                                                    <option value=\"Qatar\" >Qatar<\/option>\n                                                    <option value=\"Romania\" >Romania<\/option>\n                                                    <option value=\"Russia\" >Russia<\/option>\n                                                    <option value=\"Rwanda\" >Rwanda<\/option>\n                                                    <option value=\"Saint Kitts and Nevis\" >Saint Kitts and Nevis<\/option>\n                                                    <option value=\"Saint Lucia\" >Saint Lucia<\/option>\n                                                    <option value=\"Saint Vincent and the Grenadines\" >Saint Vincent and the Grenadines<\/option>\n                                                    <option value=\"Samoa\" >Samoa<\/option>\n                                                    <option value=\"San Marino\" >San Marino<\/option>\n                                                    <option value=\"S\u00e3o Tom\u00e9 and Principe\" >S\u00e3o Tom\u00e9 and Principe<\/option>\n                                                    <option value=\"Saudi Arabia\" >Saudi Arabia<\/option>\n                                                    <option value=\"Senegal\" >Senegal<\/option>\n                                                    <option value=\"Serbia\" >Serbia<\/option>\n                                                    <option value=\"Seychelles\" >Seychelles<\/option>\n                                                    <option value=\"Sierra Leone\" >Sierra Leone<\/option>\n                                                    <option value=\"Singapore\" >Singapore<\/option>\n                                                    <option value=\"Slovakia\" >Slovakia<\/option>\n                                                    <option value=\"Slovenia\" >Slovenia<\/option>\n                                                    <option value=\"Solomon Islands\" >Solomon Islands<\/option>\n                                                    <option value=\"Somalia\" >Somalia<\/option>\n                                                    <option value=\"South Africa\" >South Africa<\/option>\n                                                    <option value=\"South Korea\" >South Korea<\/option>\n                                                    <option value=\"South Sudan\" >South Sudan<\/option>\n                                                    <option value=\"Spain\" >Spain<\/option>\n                                                    <option value=\"Sri Lanka\" >Sri Lanka<\/option>\n                                                    <option value=\"Sudan\" >Sudan<\/option>\n                                                    <option value=\"Suriname\" >Suriname<\/option>\n                                                    <option value=\"Sweden\" >Sweden<\/option>\n                                                    <option value=\"Switzerland\" >Switzerland<\/option>\n                                                    <option value=\"Syria\" >Syria<\/option>\n                                                    <option value=\"Tajikistan\" >Tajikistan<\/option>\n                                                    <option value=\"Tanzania\" >Tanzania<\/option>\n                                                    <option value=\"Thailand\" >Thailand<\/option>\n                                                    <option value=\"Timor Leste\" >Timor Leste<\/option>\n                                                    <option value=\"Togo\" >Togo<\/option>\n                                                    <option value=\"Tonga\" >Tonga<\/option>\n                                                    <option value=\"Trinidad and Tobago\" >Trinidad and Tobago<\/option>\n                                                    <option value=\"Tunisia\" >Tunisia<\/option>\n                                                    <option value=\"Turkey\" >Turkey<\/option>\n                                                    <option value=\"Turkmenistan\" >Turkmenistan<\/option>\n                                                    <option value=\"Tuvalu\" >Tuvalu<\/option>\n                                                    <option value=\"Uganda\" >Uganda<\/option>\n                                                    <option value=\"Ukraine\" >Ukraine<\/option>\n                                                    <option value=\"United Arab Emirates\" >United Arab Emirates<\/option>\n                                                    <option value=\"United Kingdom\" >United Kingdom<\/option>\n                                                    <option value=\"United States\" >United States<\/option>\n                                                    <option value=\"Uruguay\" >Uruguay<\/option>\n                                                    <option value=\"Uzbekistan\" >Uzbekistan<\/option>\n                                                    <option value=\"Vanuatu\" >Vanuatu<\/option>\n                                                    <option value=\"Vatican City\" >Vatican City<\/option>\n                                                    <option value=\"Venezuela\" >Venezuela<\/option>\n                                                    <option value=\"Vietnam\" >Vietnam<\/option>\n                                                    <option value=\"Yemen\" >Yemen<\/option>\n                                                    <option value=\"Zambia\" >Zambia<\/option>\n                                                    <option value=\"Zimbabwe\" >Zimbabwe<\/option>\n                                            <\/select>\n                <\/div>\n            <\/div>\n\n            <!-- GEM Dynamic Status Indicator Card -->\n            <div id=\"idhost-gem-card\" class=\"idhost-gem-card\" style=\"display: none;\"><\/div>\n\n            <div class=\"wizard-nav\" style=\"margin-top:2rem; display:flex; justify-content:flex-end;\">\n                <button type=\"button\" class=\"idhost-btn idhost-btn-primary wizard-next-btn\" data-next=\"2\">\n                    Next: Plans &amp; Pricing \u2192\n                <\/button>\n            <\/div>\n        <\/div>\n\n        <!-- \u2500\u2500\u2500 STEP 2: Plans & Pricing \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n        <div class=\"wizard-panel\" id=\"wizard-panel-2\" style=\"display:none;\">\n            <div style=\"background:linear-gradient(135deg,#f0fdf4,#ecfdf5); border:1px solid #a7f3d0; border-radius:16px; padding:1.5rem; margin-bottom:1.5rem;\">\n                <h3 style=\"font-family:'Outfit',sans-serif; font-size:1.1rem; font-weight:700; color:#065f46; margin:0 0 4px;\">\ud83d\udcb0 Step 2 \u2014 Hosting Plan &amp; Pricing<\/h3>\n                <p style=\"color:#10b981; font-size:0.85rem; margin:0;\">Choose a hosting plan and optional professional services.<\/p>\n            <\/div>\n\n            <!-- Hosting Plan Selection -->\n            <div class=\"idhost-form-group\">\n                <label style=\"font-weight: 600; font-size: 0.95rem; margin-bottom: 0.8rem; display: block;\">Choose Hosting Plan *<\/label>\n                <div class=\"idhost-plans-grid\">\n                    <label class=\"idhost-plan-card\">\n                        <input type=\"radio\" name=\"hosting_plan\" value=\"basic\" style=\"display: none;\">\n                        <div class=\"idhost-plan-card-content\">\n                            <div class=\"idhost-plan-badge\">OJS Only<\/div>\n                            <h4 class=\"idhost-plan-name\">Basic Plan<\/h4>\n                            <div class=\"idhost-plan-price\"><span class=\"price-val\">$50<\/span>\/yr<\/div>\n                            <p class=\"idhost-plan-desc\">Standard OJS hosting for journals just starting.<\/p>\n                        <\/div>\n                    <\/label>\n                    <label class=\"idhost-plan-card active\">\n                        <input type=\"radio\" name=\"hosting_plan\" value=\"standard\" checked style=\"display: none;\">\n                        <div class=\"idhost-plan-card-content\">\n                            <div class=\"idhost-plan-badge standard\">Recommended<\/div>\n                            <h4 class=\"idhost-plan-name\">Standard Plan<\/h4>\n                            <div class=\"idhost-plan-price\"><span class=\"price-val\">$100<\/span>\/yr<\/div>\n                            <p class=\"idhost-plan-desc\">Hosting + DOI + Badges + Metrics integration.<\/p>\n                        <\/div>\n                    <\/label>\n                    <label class=\"idhost-plan-card\">\n                        <input type=\"radio\" name=\"hosting_plan\" value=\"premium\" style=\"display: none;\">\n                        <div class=\"idhost-plan-card-content\">\n                            <div class=\"idhost-plan-badge premium\">All Included<\/div>\n                            <h4 class=\"idhost-plan-name\">Premium Plan<\/h4>\n                            <div class=\"idhost-plan-price\"><span class=\"price-val\">$250<\/span>\/yr<\/div>\n                            <p class=\"idhost-plan-desc\">Hosting + DOI + Priority Support + Indexation Review.<\/p>\n                        <\/div>\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <!-- Annual Article Count Field -->\n            <div class=\"idhost-form-group\" id=\"idhost-article-count-wrapper\" style=\"display: block; margin-top: 1.5rem;\">\n                <label for=\"idhost_article_count\" style=\"font-weight: 600; font-size: 0.95rem; margin-bottom: 0.5rem; display: block;\">\n                    Estimated Annual Articles to Register *\n                <\/label>\n                <input type=\"number\" id=\"idhost_article_count\" name=\"article_count\" min=\"0\" value=\"0\" placeholder=\"e.g. 20\" required style=\"width: 100%; padding: 10px 12px; border: 1.5px solid #cbd5e1; border-radius: 10px; font-size: 0.88rem; box-sizing: border-box;\">\n                <p style=\"margin: 4px 0 0; font-size: 0.8rem; color: #64748b;\" id=\"article-count-note\">\n                    DOI registration fee includes a flat rate ($200\/yr) plus $1.00 USD per registered article for non-GEM countries.                <\/p>\n            <\/div>\n\n            <!-- OJS Products & Extensions Suite Selection -->\n            <div class=\"idhost-services-selection\" style=\"margin: 2rem 0; padding: 1.5rem; background: #ffffff; border: 1.5px solid #cbd5e1; border-radius: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.03);\">\n                <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.2rem; flex-wrap: wrap; gap: 10px;\">\n                    <div>\n                        <h4 style=\"margin: 0 0 4px 0; font-family: 'Outfit', sans-serif; font-size: 1.15rem; color: #0f172a;\">\ud83e\udde9 OJS Products &amp; Plugins Suite<\/h4>\n                        <p style=\"margin: 0; font-size: 0.85rem; color: #64748b;\">Select the official modules and themes you want pre-configured on your OJS journal.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Complete Suite Bundle Option -->\n                <div style=\"margin-bottom: 1.2rem; background: linear-gradient(135deg, #eff6ff 0%, #f0fdf4 100%); border: 2px solid #3b82f6; border-radius: 12px; padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px;\">\n                    <div style=\"display: flex; align-items: flex-start; gap: 10px; flex: 1; min-width: 250px;\">\n                        <input type=\"checkbox\" id=\"product_suite_bundle\" name=\"product_suite_bundle\" value=\"1\" style=\"width: 18px; height: 18px; margin-top: 3px; cursor: pointer;\">\n                        <label for=\"product_suite_bundle\" style=\"font-weight: 700; font-size: 0.95rem; color: #1e3a8a; cursor: pointer;\">\n                            \u2b50 Complete Academic Suite (All 4 OJS Products Bundle)                            <span style=\"display: inline-block; background: #2563eb; color: #fff; font-size: 0.72rem; padding: 2px 8px; border-radius: 12px; margin-left: 6px; font-weight: 800;\">SAVE 35%<\/span>\n                            <p style=\"margin: 3px 0 0 0; font-weight: normal; font-size: 0.82rem; color: #3b82f6; line-height: 1.4;\">\n                                Includes Similarity Check, Certificate System with QR, 16 Editorial Policies Suite, and IndexAll Scholar Theme.                            <\/p>\n                        <\/label>\n                    <\/div>\n                    <div style=\"text-align: right;\">\n                        <span style=\"font-size: 1.1rem; font-weight: 800; color: #1e40af;\">$120<span style=\"font-size: 0.75rem; font-weight: 600;\">\/yr<\/span><\/span>\n                        <div style=\"font-size: 0.75rem; color: #16a34a; font-weight: 700;\">100% Free with GEM<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Product 1: Similarity Check -->\n                <div class=\"idhost-checkbox-group ojs-prod-item\" style=\"margin-bottom: 1rem; display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; border: 1px solid #e2e8f0; border-radius: 10px;\">\n                    <input type=\"checkbox\" id=\"addon_similarity_check\" name=\"addon_similarity_check\" value=\"1\" style=\"width: 17px; height: 17px; margin-top: 3px; cursor: pointer;\">\n                    <label for=\"addon_similarity_check\" style=\"font-weight: 600; font-size: 0.92rem; cursor: pointer; flex: 1;\">\n                        \ud83d\udee1\ufe0f INDEXA Similarity &amp; Integrity Check Module <span style=\"color: var(--idhost-primary); font-weight: 800;\">(+$50\/year)<\/span>\n                        <p style=\"margin: 3px 0 0 0; font-weight: normal; font-size: 0.82rem; color: var(--idhost-text-muted); line-height: 1.4;\">\n                            Automated manuscript similarity checking, Crossref reference integrity check, retraction alerts, and editorial workflow widget.                        <\/p>\n                    <\/label>\n                <\/div>\n\n                <!-- Product 2: Article Certificate -->\n                <div class=\"idhost-checkbox-group ojs-prod-item\" style=\"margin-bottom: 1rem; display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; border: 1px solid #e2e8f0; border-radius: 10px;\">\n                    <input type=\"checkbox\" id=\"addon_certificates\" name=\"addon_certificates\" value=\"1\" style=\"width: 17px; height: 17px; margin-top: 3px; cursor: pointer;\">\n                    <label for=\"addon_certificates\" style=\"font-weight: 600; font-size: 0.92rem; cursor: pointer; flex: 1;\">\n                        \ud83d\udcdc ID-Host Article &amp; Acceptance Certificate Generator <span style=\"color: var(--idhost-primary); font-weight: 800;\">(+$40\/year)<\/span>\n                        <p style=\"margin: 3px 0 0 0; font-weight: normal; font-size: 0.82rem; color: var(--idhost-text-muted); line-height: 1.4;\">\n                            High-resolution verified publication and acceptance certificates with native QR code authentication and instant email dispatch.                        <\/p>\n                    <\/label>\n                <\/div>\n\n                <!-- Product 3: Editorial Policies -->\n                <div class=\"idhost-checkbox-group ojs-prod-item\" style=\"margin-bottom: 1rem; display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; border: 1px solid #e2e8f0; border-radius: 10px;\">\n                    <input type=\"checkbox\" id=\"addon_policies\" name=\"addon_policies\" value=\"1\" style=\"width: 17px; height: 17px; margin-top: 3px; cursor: pointer;\">\n                    <label for=\"addon_policies\" style=\"font-weight: 600; font-size: 0.92rem; cursor: pointer; flex: 1;\">\n                        \u2696\ufe0f IndexAll Editorial Policies &amp; Compliance Suite <span style=\"color: var(--idhost-primary); font-weight: 800;\">(+$30\/year)<\/span>\n                        <p style=\"margin: 3px 0 0 0; font-weight: normal; font-size: 0.82rem; color: var(--idhost-text-muted); line-height: 1.4;\">\n                            Embeds the 16 international publishing standards (DOAJ, Scopus, COPE) and includes a live readiness audit score.                        <\/p>\n                    <\/label>\n                <\/div>\n\n                <!-- Product 4: Scholar Theme -->\n                <div class=\"idhost-checkbox-group ojs-prod-item\" style=\"margin-bottom: 1rem; display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; border: 1px solid #e2e8f0; border-radius: 10px;\">\n                    <input type=\"checkbox\" id=\"addon_scholar_theme\" name=\"addon_scholar_theme\" value=\"1\" style=\"width: 17px; height: 17px; margin-top: 3px; cursor: pointer;\">\n                    <label for=\"addon_scholar_theme\" style=\"font-weight: 600; font-size: 0.92rem; cursor: pointer; flex: 1;\">\n                        \ud83c\udfa8 IndexAll Scholar Academic Theme for OJS <span style=\"color: var(--idhost-primary); font-weight: 800;\">(+$60 one-time)<\/span>\n                        <p style=\"margin: 3px 0 0 0; font-weight: normal; font-size: 0.82rem; color: var(--idhost-text-muted); line-height: 1.4;\">\n                            Modern, mobile-first scholarly journal theme with rich article reading experience, citation export, and dark mode.                        <\/p>\n                    <\/label>\n                <\/div>\n\n                <div style=\"height: 1px; background: #e2e8f0; margin: 1.2rem 0;\"><\/div>\n\n                <h4 style=\"margin: 0 0 0.8rem 0; font-family: 'Outfit', sans-serif; font-size: 1.05rem; color: #0f172a;\">\ud83d\udee0\ufe0f Professional Support Services<\/h4>\n\n                <div class=\"idhost-checkbox-group\" style=\"margin-bottom: 0.8rem; display: flex; align-items: flex-start; gap: 10px;\">\n                    <input type=\"checkbox\" id=\"addon_tech_support\" name=\"addon_tech_support\" value=\"1\" style=\"width: 16px; height: 16px; margin-top: 3px; cursor: pointer;\">\n                    <label for=\"addon_tech_support\" style=\"font-weight: 600; font-size: 0.88rem; cursor: pointer;\">\n                        Priority Technical Support Add-on <span style=\"color: var(--idhost-primary); font-weight: 700;\">(+$50\/year)<\/span>\n                        <p style=\"margin: 2px 0 0 0; font-weight: normal; font-size: 0.8rem; color: var(--idhost-text-muted); line-height: 1.3;\">\n                            24\/7 priority ticketing support, custom domain mapping assistance, and server updates.                        <\/p>\n                    <\/label>\n                <\/div>\n\n                <div class=\"idhost-checkbox-group\" style=\"margin-bottom: 0.8rem; display: flex; align-items: flex-start; gap: 10px;\">\n                    <input type=\"checkbox\" id=\"addon_indexation\" name=\"addon_indexation\" value=\"1\" style=\"width: 16px; height: 16px; margin-top: 3px; cursor: pointer;\">\n                    <label for=\"addon_indexation\" style=\"font-weight: 600; font-size: 0.88rem; cursor: pointer;\">\n                        Journal Indexation Qualification Review <span style=\"color: var(--idhost-primary); font-weight: 700;\">(+$150 one-time)<\/span>\n                        <p style=\"margin: 2px 0 0 0; font-weight: normal; font-size: 0.8rem; color: var(--idhost-text-muted); line-height: 1.3;\">\n                            Metadata audit and expert optimization recommendations to accelerate Scopus, DOAJ, and WoS admission.                        <\/p>\n                    <\/label>\n                <\/div>\n\n                <div class=\"idhost-checkbox-group\" style=\"margin-top: 1rem; display: flex; align-items: flex-start; gap: 10px;\" id=\"sponsorship-checkbox-wrapper\">\n                    <input type=\"checkbox\" id=\"seeking_sponsorship\" name=\"seeking_sponsorship\" value=\"1\" style=\"width: 16px; height: 16px; margin-top: 3px; cursor: pointer;\">\n                    <label for=\"seeking_sponsorship\" style=\"font-weight: 600; font-size: 0.88rem; cursor: pointer;\">\n                        Seek hosting fee sponsorship (for journals in GEM eligible countries)                    <\/label>\n                <\/div>\n            <\/div>\n\n            <!-- Real-time Pricing Summary Card -->\n            <div id=\"idhost-pricing-summary-card\" class=\"idhost-pricing-summary-card\" style=\"margin: 2rem 0; padding: 1.5rem; background: #f8fafc; border: 1.5px solid #e2e8f0; border-radius: 16px;\">\n                <h4 style=\"margin: 0 0 1rem 0; font-family: 'Outfit', sans-serif; font-size: 1.1rem; color: #1e293b;\">Price Estimation Breakdown<\/h4>\n                <div class=\"idhost-pricing-breakdown\" style=\"display: flex; flex-direction: column; gap: 0.8rem;\">\n                    <div class=\"pricing-row\" id=\"row-base-plan\" style=\"display: flex; justify-content: space-between; font-size: 0.9rem; color: #475569;\">\n                        <span class=\"pricing-label\">Base Plan (Standard)<\/span>\n                        <span class=\"pricing-val\" id=\"val-base-plan\" style=\"font-weight: 600;\">$100.00\/yr<\/span>\n                    <\/div>\n                    <div class=\"pricing-row\" id=\"row-articles\" style=\"display: none; justify-content: space-between; font-size: 0.9rem; color: #475569;\">\n                        <span class=\"pricing-label\">Article Registration Fees ($1\/art)<\/span>\n                        <span class=\"pricing-val\" id=\"val-articles\" style=\"font-weight: 600;\">$0.00\/yr<\/span>\n                    <\/div>\n                    <div class=\"pricing-row\" id=\"row-tech-support\" style=\"display: flex; justify-content: space-between; font-size: 0.9rem; color: #475569; display: none;\">\n                        <span class=\"pricing-label\">Priority Technical Support<\/span>\n                        <span class=\"pricing-val\" id=\"val-tech-support\" style=\"font-weight: 600;\">$50.00\/yr<\/span>\n                    <\/div>\n                    <div class=\"pricing-row\" id=\"row-indexation\" style=\"display: flex; justify-content: space-between; font-size: 0.9rem; color: #475569; display: none;\">\n                        <span class=\"pricing-label\">Indexation Qualification Review<\/span>\n                        <span class=\"pricing-val\" id=\"val-indexation\" style=\"font-weight: 600;\">$150.00<\/span>\n                    <\/div>\n                    <div class=\"pricing-row\" id=\"row-suite-bundle\" style=\"display: none; justify-content: space-between; font-size: 0.9rem; color: #1e40af; font-weight: 700;\">\n                        <span class=\"pricing-label\">Complete Academic Suite (4 Products)<\/span>\n                        <span class=\"pricing-val\" id=\"val-suite-bundle\">$120.00\/yr<\/span>\n                    <\/div>\n                    <div class=\"pricing-row\" id=\"row-similarity\" style=\"display: flex; justify-content: space-between; font-size: 0.9rem; color: #475569; display: none;\">\n                        <span class=\"pricing-label\">INDEXA Similarity &amp; Integrity Check<\/span>\n                        <span class=\"pricing-val\" id=\"val-similarity\" style=\"font-weight: 600;\">$50.00\/yr<\/span>\n                    <\/div>\n                    <div class=\"pricing-row\" id=\"row-certificates\" style=\"display: none; justify-content: space-between; font-size: 0.9rem; color: #475569;\">\n                        <span class=\"pricing-label\">ID-Host Article Certificate Module<\/span>\n                        <span class=\"pricing-val\" id=\"val-certificates\" style=\"font-weight: 600;\">$40.00\/yr<\/span>\n                    <\/div>\n                    <div class=\"pricing-row\" id=\"row-policies\" style=\"display: none; justify-content: space-between; font-size: 0.9rem; color: #475569;\">\n                        <span class=\"pricing-label\">IndexAll Editorial Policies Suite<\/span>\n                        <span class=\"pricing-val\" id=\"val-policies\" style=\"font-weight: 600;\">$30.00\/yr<\/span>\n                    <\/div>\n                    <div class=\"pricing-row\" id=\"row-scholar-theme\" style=\"display: none; justify-content: space-between; font-size: 0.9rem; color: #475569;\">\n                        <span class=\"pricing-label\">IndexAll Scholar Academic Theme<\/span>\n                        <span class=\"pricing-val\" id=\"val-scholar-theme\" style=\"font-weight: 600;\">$60.00<\/span>\n                    <\/div>\n                    <div class=\"pricing-row discount\" id=\"row-gem-discount\" style=\"display: flex; justify-content: space-between; font-size: 0.9rem; color: #16a34a; font-weight: 600; display: none;\">\n                        <span class=\"pricing-label\">Crossref GEM Waiver<\/span>\n                        <span class=\"pricing-val\" id=\"val-gem-discount\">-$100.00\/yr<\/span>\n                    <\/div>\n                    <div style=\"height: 1px; background: #e2e8f0; margin: 0.5rem 0;\"><\/div>\n                    <div class=\"pricing-row total\" style=\"display: flex; justify-content: space-between; font-size: 1.15rem; font-weight: 700; color: #0f172a;\">\n                        <span class=\"pricing-label\">Total Amount<\/span>\n                        <span class=\"pricing-val\" id=\"val-total-estimate\">$100.00<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"wizard-nav\" style=\"margin-top:2rem; display:flex; justify-content:space-between; gap:12px;\">\n                <button type=\"button\" class=\"idhost-btn idhost-btn-secondary wizard-back-btn\" data-prev=\"1\">\n                    \u2190 Back                <\/button>\n                <button type=\"button\" class=\"idhost-btn idhost-btn-primary wizard-next-btn\" data-next=\"3\">\n                    Next: Ethics &amp; Review \u2192\n                <\/button>\n            <\/div>\n        <\/div>\n\n        <!-- \u2500\u2500\u2500 STEP 3: Ethics & Submit \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n        <div class=\"wizard-panel\" id=\"wizard-panel-3\" style=\"display:none;\">\n            <div style=\"background:linear-gradient(135deg,#fffbeb,#fef9c3); border:1px solid #fde68a; border-radius:16px; padding:1.5rem; margin-bottom:1.5rem;\">\n                <h3 style=\"font-family:'Outfit',sans-serif; font-size:1.1rem; font-weight:700; color:#92400e; margin:0 0 4px;\">\u2705 Step 3 \u2014 Ethics Agreement &amp; Submit<\/h3>\n                <p style=\"color:#b45309; font-size:0.85rem; margin:0;\">Review your application and confirm you agree to the ID Host publisher ethics.<\/p>\n            <\/div>\n\n            <!-- Application Summary Card -->\n            <div id=\"wizard-review-summary\" style=\"background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; padding:1.5rem; margin-bottom:1.5rem;\">\n                <h4 style=\"font-family:'Outfit',sans-serif; font-size:0.95rem; font-weight:700; color:#1e293b; margin:0 0 1rem; text-transform:uppercase; letter-spacing:0.3px;\">\ud83d\udccb Application Summary<\/h4>\n                <div style=\"display:grid; grid-template-columns:1fr 1fr; gap:10px 20px; font-size:0.88rem;\">\n                    <div><span style=\"color:#94a3b8; font-weight:600;\">Publisher:<\/span><br><strong id=\"review-publisher\">\u2014<\/strong><\/div>\n                    <div><span style=\"color:#94a3b8; font-weight:600;\">Journal Title:<\/span><br><strong id=\"review-journal\">\u2014<\/strong><\/div>\n                    <div><span style=\"color:#94a3b8; font-weight:600;\">ISSN:<\/span><br><strong id=\"review-issn\">\u2014<\/strong><\/div>\n                    <div><span style=\"color:#94a3b8; font-weight:600;\">Country:<\/span><br><strong id=\"review-country\">\u2014<\/strong><\/div>\n                    <div><span style=\"color:#94a3b8; font-weight:600;\">Plan:<\/span><br><strong id=\"review-plan\">\u2014<\/strong><\/div>\n                    <div><span style=\"color:#94a3b8; font-weight:600;\">Estimated Total:<\/span><br><strong id=\"review-total\" style=\"color:#2563eb;\">\u2014<\/strong><\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Publisher Statement and Ethics Agreement -->\n            <div class=\"idhost-publisher-statement-box\" style=\"margin: 2rem 0; padding: 1.5rem; background: #fffbeb; border: 1.5px solid #fef3c7; border-radius: 16px; font-size: 0.88rem; color: #78350f; line-height: 1.5;\">\n                <h4 style=\"margin: 0 0 0.8rem 0; font-family: 'Outfit', sans-serif; font-size: 1.05rem; color: #92400e; display: flex; align-items: center; gap: 6px;\">\n                    \u26a0\ufe0f ID Host Publisher Statement &amp; Ethics Agreement                <\/h4>\n                <p style=\"margin: 0 0 1rem 0;\">\n                    Please read and verify the following statement to ensure the integrity of the ID Host scholarly index:                <\/p>\n                <ul style=\"margin: 0 0 1.2rem 1.2rem; padding: 0; list-style-type: disc; display: flex; flex-direction: column; gap: 8px;\">\n                    <li>\n                        <strong>Authentic ISSN:<\/strong>\n                        The ISSN (or E-ISSN) provided is registered, active, and matches the official ISSN portal registry (ISSN.org).                    <\/li>\n                    <li>\n                        <strong>Non-Predatory Status:<\/strong>\n                        The publisher and journal operate under standard peer-review ethical guidelines (COPE) and do not engage in predatory publishing practices.                    <\/li>\n                    <li>\n                        <strong>Authorized Submission:<\/strong>\n                        You are an authorized representative of the journal (Editor-in-Chief, Managing Editor, or Publisher Board Member) submitting this application.                    <\/li>\n                    <li>\n                        <strong>Instant Termination:<\/strong>\n                        Any false statements, fake ISSNs, or predatory behaviour will result in immediate suspension of OJS hosting and DOIs without refund.                    <\/li>\n                <\/ul>\n                <div style=\"display: flex; align-items: flex-start; gap: 10px; border-top: 1px solid #fde68a; padding-top: 1rem;\">\n                    <input type=\"checkbox\" id=\"idhost_statement_agree\" name=\"statement_agree\" value=\"1\" required style=\"margin-top: 4px;\">\n                    <label for=\"idhost_statement_agree\" style=\"font-weight: 700; color: #92400e; cursor: pointer; font-size: 0.85rem;\">\n                        I certify that the information provided is true and correct, and the journal meets the ID Host academic standards. *\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <!-- CAPTCHA \/ Anti-Spam -->\n            <div style=\"display:none !important;\"><input type=\"text\" name=\"idhost_hp_field\" value=\"\" autocomplete=\"off\" tabindex=\"-1\"><\/div>\n            <!-- Submit Button -->\n            <div class=\"wizard-nav\" style=\"display:flex; justify-content:space-between; gap:12px;\">\n                <button type=\"button\" class=\"idhost-btn idhost-btn-secondary wizard-back-btn\" data-prev=\"2\">\n                    \u2190 Back                <\/button>\n                <div class=\"idhost-form-actions\">\n                    <button type=\"submit\" id=\"idhost-submit-btn\" class=\"idhost-btn idhost-btn-primary\" style=\"min-width:220px;\">\n                        <span class=\"btn-text\">Submit Hosting Application<\/span>\n                        <span class=\"btn-loader\" style=\"display: none;\"><\/span>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/form>\n<\/div>\n\n<style>\n\/* Wizard Step Styles *\/\n.idhost-steps-bar { user-select: none; }\n.wizard-step-dot.active  { background: #2563eb !important; border-color: #2563eb !important; color: #fff !important; box-shadow: 0 0 0 4px rgba(37,99,235,0.15); }\n.wizard-step-dot.complete { background: #10b981 !important; border-color: #10b981 !important; color: #fff !important; }\n.wizard-step-label.active  { color: #2563eb !important; }\n.wizard-step-label.complete { color: #10b981 !important; }\n.step-connector.complete { background: #10b981 !important; }\n.idhost-btn-secondary {\n    background: #f1f5f9 !important;\n    color: #475569 !important;\n    border: 1.5px solid #e2e8f0 !important;\n    padding: 12px 22px;\n    border-radius: 10px;\n    font-weight: 700;\n    font-size: 0.92rem;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n.idhost-btn-secondary:hover { background: #e2e8f0 !important; }\n@media (max-width: 640px) {\n    .wizard-step-label { display: none; }\n    .form-grid-2 { grid-template-columns: 1fr !important; }\n}\n<\/style>\n\n<script>\njQuery(document).ready(function($) {\n    \/\/ \u2500\u2500 Step validation & transitions \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    function validateStep(step) {\n        var $panel = $('#wizard-panel-' + step);\n        var valid = true;\n        var firstErr = null;\n\n        $panel.find('input[required], select[required], textarea[required]').each(function() {\n            if (!$(this).val() || $(this).val() === '') {\n                $(this).css('border-color', '#ef4444');\n                if (!firstErr) firstErr = $(this);\n                valid = false;\n            } else {\n                $(this).css('border-color', '');\n            }\n        });\n\n        if (!valid && firstErr) {\n            firstErr[0].scrollIntoView({behavior:'smooth', block:'center'});\n            firstErr.focus();\n            \/\/ Show inline error\n            var $err = $panel.find('.wizard-step-error');\n            if (!$err.length) {\n                $panel.prepend('<div class=\"wizard-step-error\" style=\"background:#fee2e2; color:#991b1b; border:1px solid #fecaca; padding:10px 16px; border-radius:8px; font-size:0.88rem; font-weight:600; margin-bottom:1rem;\">\u26a0\ufe0f Please fill in all required fields before proceeding.<\/div>');\n            }\n        } else {\n            $panel.find('.wizard-step-error').remove();\n        }\n\n        return valid;\n    }\n\n    function goToStep(target, prev) {\n        if (target > prev && !validateStep(prev)) return;\n        \n        $('#wizard-panel-' + prev).fadeOut(150, function() {\n            $('#wizard-panel-' + target).fadeIn(200);\n        });\n\n        \/\/ Update step indicators\n        for (var i = 1; i <= 3; i++) {\n            var $dot   = $('.wizard-step[data-step=\"' + i + '\"] .wizard-step-dot');\n            var $label = $('.wizard-step[data-step=\"' + i + '\"] .wizard-step-label');\n            var $conn  = $('.wizard-step[data-step=\"' + i + '\"] .step-connector');\n            $dot.removeClass('active complete');\n            $label.removeClass('active complete');\n            $conn.removeClass('complete');\n            if (i < target) {\n                $dot.addClass('complete');\n                $label.addClass('complete');\n                $conn.addClass('complete');\n            } else if (i === target) {\n                $dot.addClass('active');\n                $label.addClass('active');\n            }\n        }\n\n        \/\/ If going to step 3, populate review summary\n        if (target === 3) {\n            $('#review-publisher').text($('#idhost_pub_name').val() || '\u2014');\n            $('#review-journal').text($('#idhost_journal_title').val() || '\u2014');\n            $('#review-issn').text($('#idhost_issn').val() || '\u2014');\n            $('#review-country').text($('#idhost_country').val() || '\u2014');\n            var planVal = $('input[name=\"hosting_plan\"]:checked').val() || 'standard';\n            $('#review-plan').text(planVal.charAt(0).toUpperCase() + planVal.slice(1) + ' Plan');\n            $('#review-total').text($('#val-total-estimate').text() || '\u2014');\n        }\n\n        $('html, body').animate({scrollTop: $('#idhost-wizard-header').offset().top - 30}, 300);\n    }\n\n    \/\/ Next button\n    $(document).on('click', '.wizard-next-btn', function() {\n        var next = parseInt($(this).data('next'));\n        var prev = next - 1;\n        goToStep(next, prev);\n    });\n\n    \/\/ Back button\n    $(document).on('click', '.wizard-back-btn', function() {\n        var prev = parseInt($(this).data('prev'));\n        var current = prev + 1;\n        goToStep(prev, current);\n    });\n\n    \/\/ Clear red border on fix\n    $(document).on('input change', 'input[required], select[required], textarea[required]', function() {\n        if ($(this).val()) $(this).css('border-color', '');\n    });\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-34","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/indexa.id-host.org\/index.php?rest_route=\/wp\/v2\/pages\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/indexa.id-host.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/indexa.id-host.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/indexa.id-host.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/indexa.id-host.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=34"}],"version-history":[{"count":0,"href":"https:\/\/indexa.id-host.org\/index.php?rest_route=\/wp\/v2\/pages\/34\/revisions"}],"wp:attachment":[{"href":"https:\/\/indexa.id-host.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}