{"id":5423,"date":"2026-05-21T18:56:45","date_gmt":"2026-05-21T15:26:45","guid":{"rendered":"https:\/\/nicepanel.site\/en\/?page_id=5423"},"modified":"2026-08-02T14:54:16","modified_gmt":"2026-08-02T11:24:16","slug":"how-it-works","status":"publish","type":"page","link":"https:\/\/nicepanel.site\/en\/how-it-works\/","title":{"rendered":"How It Works"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5423\" class=\"elementor elementor-5423\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-875ed8e e-con-full e-flex e-con e-parent\" data-id=\"875ed8e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be6868c elementor-widget elementor-widget-html\" data-id=\"be6868c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.np-how-page,\n.np-how-page * {\n  box-sizing: border-box;\n}\n\n.np-how-page {\n  --np-pink: #ff84ba;\n  --np-pink-dark: #dd4d91;\n  --np-pink-deep: #ba3373;\n  --np-pink-soft: rgba(255, 132, 186, 0.14);\n  --np-pink-faint: rgba(255, 132, 186, 0.07);\n  --np-ink: #211720;\n  --np-text: #675866;\n  --np-muted: #948592;\n  --np-line: rgba(86, 48, 70, 0.11);\n  --np-white: #ffffff;\n\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n  overflow: hidden;\n  color: var(--np-ink);\n  background: #ffffff;\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif;\n}\n\n.np-how-page a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.np-how-page h1,\n.np-how-page h2,\n.np-how-page h3,\n.np-how-page p {\n  margin-top: 0;\n}\n\n.np-how-wrap {\n  width: min(1180px, calc(100% - 36px));\n  margin: 0 auto;\n}\n\n.np-how-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 17px;\n  color: var(--np-pink-deep);\n  font-size: 11.5px;\n  line-height: 1.3;\n  font-weight: 750;\n  letter-spacing: 0.055em;\n  text-transform: uppercase;\n}\n\n.np-how-kicker-dot {\n  position: relative;\n  width: 8px;\n  height: 8px;\n  flex: 0 0 8px;\n  border-radius: 50%;\n  background: var(--np-pink);\n  box-shadow: 0 0 0 5px rgba(255, 132, 186, 0.14);\n  animation: npHowPulse 2s ease-in-out infinite;\n}\n\n.np-how-kicker-dot::after {\n  content: \"\";\n  position: absolute;\n  inset: -5px;\n  border: 1px solid rgba(255, 132, 186, 0.43);\n  border-radius: 50%;\n  animation: npHowRing 2s ease-out infinite;\n}\n\n@keyframes npHowPulse {\n  0%,\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  50% {\n    opacity: 0.58;\n    transform: scale(0.82);\n  }\n}\n\n@keyframes npHowRing {\n  0% {\n    opacity: 0.7;\n    transform: scale(0.7);\n  }\n\n  80%,\n  100% {\n    opacity: 0;\n    transform: scale(1.7);\n  }\n}\n\n.np-how-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n  min-height: 47px;\n  padding: 12px 20px;\n  border-radius: 14px;\n  font-size: 13px;\n  line-height: 1.2;\n  font-weight: 750;\n  transition:\n    color 0.2s ease,\n    background 0.2s ease,\n    border-color 0.2s ease,\n    box-shadow 0.2s ease,\n    transform 0.2s ease;\n}\n\n.np-how-button svg {\n  width: 16px;\n  height: 16px;\n  flex: 0 0 16px;\n}\n\n.np-how-button--pink {\n  color: #ffffff !important;\n  background: linear-gradient(\n    135deg,\n    #ff84ba 0%,\n    #e75a9e 100%\n  );\n  box-shadow:\n    0 13px 29px rgba(218, 72, 142, 0.25),\n    inset 0 1px 0 rgba(255, 255, 255, 0.3);\n}\n\n.np-how-button--pink:hover {\n  background: linear-gradient(\n    135deg,\n    #ef68a8 0%,\n    #c93c80 100%\n  );\n  transform: translateY(-2px);\n  box-shadow: 0 17px 34px rgba(201, 60, 128, 0.3);\n}\n\n.np-how-button--light {\n  color: var(--np-pink-deep) !important;\n  background: rgba(255, 255, 255, 0.76);\n  border: 1px solid rgba(255, 132, 186, 0.25);\n}\n\n.np-how-button--light:hover {\n  background: var(--np-pink-soft);\n  border-color: rgba(255, 132, 186, 0.36);\n  transform: translateY(-2px);\n}\n\n\/* ==================================================\n   1. Hero\n================================================== *\/\n\n.np-how-hero {\n  position: relative;\n  padding: clamp(65px, 8vw, 108px) 0;\n  background:\n    radial-gradient(\n      circle at 4% 7%,\n      rgba(255, 132, 186, 0.22),\n      transparent 29%\n    ),\n    radial-gradient(\n      circle at 97% 85%,\n      rgba(191, 116, 255, 0.09),\n      transparent 30%\n    ),\n    linear-gradient(\n      135deg,\n      #fffafd 0%,\n      #fff1f8 100%\n    );\n}\n\n.np-how-hero-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.07fr) minmax(340px, 0.93fr);\n  align-items: center;\n  gap: clamp(45px, 7vw, 88px);\n}\n\n.np-how-hero-copy {\n  min-width: 0;\n}\n\n.np-how-hero h1 {\n  max-width: 720px;\n  margin-bottom: 21px;\n  color: var(--np-ink);\n  font-size: clamp(45px, 6vw, 76px);\n  line-height: 0.98;\n  font-weight: 790;\n  letter-spacing: -0.06em;\n}\n\n.np-how-hero-lead {\n  max-width: 690px;\n  margin-bottom: 0;\n  color: var(--np-text);\n  font-size: clamp(15px, 1.4vw, 17px);\n  line-height: 1.82;\n}\n\n.np-how-hero-lead strong {\n  color: var(--np-ink);\n  font-weight: 720;\n}\n\n.np-how-hero-actions {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 11px;\n  margin-top: 28px;\n}\n\n.np-how-hero-links {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 9px 18px;\n  margin-top: 21px;\n}\n\n.np-how-hero-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  color: #7a6673 !important;\n  font-size: 12px;\n  line-height: 1.5;\n  font-weight: 600;\n  transition:\n    color 0.2s ease,\n    transform 0.2s ease;\n}\n\n.np-how-hero-link::before {\n  content: \"\";\n  width: 6px;\n  height: 6px;\n  flex: 0 0 6px;\n  border-radius: 50%;\n  background: var(--np-pink);\n}\n\n.np-how-hero-link:hover {\n  color: var(--np-pink-deep) !important;\n  transform: translateX(2px);\n}\n\n\/* Order preview *\/\n\n.np-how-order-preview {\n  position: relative;\n  padding: 22px;\n  border: 1px solid rgba(255, 132, 186, 0.21);\n  border-radius: 25px;\n  background: rgba(255, 255, 255, 0.86);\n  box-shadow:\n    0 26px 70px rgba(93, 42, 69, 0.12),\n    inset 0 1px 0 rgba(255, 255, 255, 0.8);\n}\n\n.np-how-preview-top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 18px;\n  margin-bottom: 19px;\n  padding-bottom: 16px;\n  border-bottom: 1px solid rgba(255, 132, 186, 0.15);\n}\n\n.np-how-preview-title {\n  margin-bottom: 0;\n  color: var(--np-ink);\n  font-size: 15px;\n  line-height: 1.4;\n  font-weight: 750;\n}\n\n.np-how-preview-status {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  color: var(--np-pink-deep);\n  font-size: 10.5px;\n  line-height: 1.3;\n  font-weight: 700;\n  text-transform: uppercase;\n}\n\n.np-how-preview-status::before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--np-pink);\n  box-shadow: 0 0 0 4px rgba(255, 132, 186, 0.13);\n  animation: npHowPulse 2s ease-in-out infinite;\n}\n\n.np-how-preview-form {\n  display: grid;\n  gap: 13px;\n}\n\n.np-how-preview-field {\n  padding: 12px 13px;\n  border: 1px solid rgba(86, 48, 70, 0.09);\n  border-radius: 13px;\n  background: #fffafd;\n}\n\n.np-how-preview-label {\n  display: block;\n  margin-bottom: 5px;\n  color: var(--np-muted);\n  font-size: 9.5px;\n  line-height: 1.3;\n  font-weight: 700;\n  letter-spacing: 0.045em;\n  text-transform: uppercase;\n}\n\n.np-how-preview-value {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 13px;\n  color: var(--np-ink);\n  font-size: 12.5px;\n  line-height: 1.45;\n  font-weight: 620;\n}\n\n.np-how-preview-value svg {\n  width: 14px;\n  height: 14px;\n  flex: 0 0 14px;\n  color: var(--np-pink-dark);\n}\n\n.np-how-preview-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 11px;\n}\n\n.np-how-preview-submit {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 45px;\n  margin-top: 2px;\n  border-radius: 13px;\n  color: #ffffff;\n  background: linear-gradient(\n    135deg,\n    #ff84ba 0%,\n    #e75a9e 100%\n  );\n  font-size: 12.5px;\n  line-height: 1.2;\n  font-weight: 750;\n  box-shadow: 0 11px 24px rgba(218, 72, 142, 0.2);\n}\n\n\/* ==================================================\n   2. Order path\n================================================== *\/\n\n.np-how-path {\n  padding: clamp(68px, 8vw, 104px) 0;\n  background: #ffffff;\n}\n\n.np-how-heading {\n  max-width: 720px;\n  margin-bottom: 38px;\n}\n\n.np-how-heading h2 {\n  margin-bottom: 14px;\n  color: var(--np-ink);\n  font-size: clamp(31px, 4vw, 48px);\n  line-height: 1.12;\n  font-weight: 770;\n  letter-spacing: -0.045em;\n}\n\n.np-how-heading p {\n  margin-bottom: 0;\n  color: var(--np-text);\n  font-size: 14.5px;\n  line-height: 1.78;\n}\n\n.np-how-path-list {\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 16px;\n}\n\n.np-how-path-list::before {\n  content: \"\";\n  position: absolute;\n  top: 29px;\n  right: 11%;\n  left: 11%;\n  height: 1px;\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(255, 132, 186, 0.45),\n    transparent\n  );\n}\n\n.np-how-step {\n  position: relative;\n  min-width: 0;\n  padding: 22px;\n  border: 1px solid var(--np-line);\n  border-radius: 20px;\n  background: #ffffff;\n  box-shadow: 0 14px 37px rgba(76, 43, 61, 0.05);\n  transition:\n    border-color 0.22s ease,\n    box-shadow 0.22s ease,\n    transform 0.22s ease;\n}\n\n.np-how-step:hover {\n  border-color: rgba(255, 132, 186, 0.28);\n  box-shadow: 0 20px 45px rgba(218, 72, 142, 0.1);\n  transform: translateY(-4px);\n}\n\n.np-how-step-number {\n  position: relative;\n  z-index: 2;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 57px;\n  height: 57px;\n  margin-bottom: 20px;\n  border: 7px solid #ffffff;\n  border-radius: 18px;\n  color: var(--np-pink-deep);\n  background: var(--np-pink-soft);\n  box-shadow:\n    0 0 0 1px rgba(255, 132, 186, 0.14),\n    0 8px 18px rgba(217, 73, 142, 0.1);\n  font-size: 13px;\n  line-height: 1;\n  font-weight: 800;\n}\n\n.np-how-step h3 {\n  margin-bottom: 10px;\n  color: var(--np-ink);\n  font-size: 16px;\n  line-height: 1.4;\n  font-weight: 730;\n}\n\n.np-how-step p {\n  margin-bottom: 0;\n  color: var(--np-text);\n  font-size: 13px;\n  line-height: 1.72;\n}\n\n.np-how-step-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: 15px;\n  color: var(--np-pink-deep) !important;\n  font-size: 11.5px;\n  line-height: 1.4;\n  font-weight: 700;\n  transition: transform 0.2s ease;\n}\n\n.np-how-step-link:hover {\n  transform: translateX(3px);\n}\n\n\/* ==================================================\n   3. Checks\n================================================== *\/\n\n.np-how-checks {\n  padding: clamp(68px, 8vw, 104px) 0;\n  background:\n    radial-gradient(\n      circle at 3% 8%,\n      rgba(255, 132, 186, 0.16),\n      transparent 29%\n    ),\n    linear-gradient(\n      180deg,\n      #fffafd 0%,\n      #fff2f8 100%\n    );\n}\n\n.np-how-checks-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);\n  align-items: center;\n  gap: clamp(42px, 7vw, 82px);\n}\n\n.np-how-checks-copy h2 {\n  margin-bottom: 16px;\n  color: var(--np-ink);\n  font-size: clamp(31px, 4vw, 48px);\n  line-height: 1.12;\n  font-weight: 770;\n  letter-spacing: -0.045em;\n}\n\n.np-how-checks-copy > p {\n  margin-bottom: 0;\n  color: var(--np-text);\n  font-size: 14.5px;\n  line-height: 1.8;\n}\n\n.np-how-checks-note {\n  margin-top: 22px;\n  padding: 17px 18px;\n  border-left: 3px solid var(--np-pink);\n  border-radius: 0 14px 14px 0;\n  background: rgba(255, 255, 255, 0.68);\n  color: #715f6b;\n  font-size: 12.5px;\n  line-height: 1.7;\n}\n\n.np-how-check-list {\n  display: grid;\n  gap: 12px;\n}\n\n.np-how-check {\n  display: grid;\n  grid-template-columns: 43px minmax(0, 1fr);\n  gap: 14px;\n  padding: 18px;\n  border: 1px solid rgba(91, 52, 75, 0.09);\n  border-radius: 17px;\n  background: rgba(255, 255, 255, 0.82);\n  box-shadow: 0 10px 28px rgba(81, 43, 64, 0.045);\n}\n\n.np-how-check-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 43px;\n  height: 43px;\n  border-radius: 14px;\n  color: var(--np-pink-deep);\n  background: var(--np-pink-soft);\n}\n\n.np-how-check-icon svg {\n  width: 20px;\n  height: 20px;\n}\n\n.np-how-check h3 {\n  margin-bottom: 5px;\n  color: var(--np-ink);\n  font-size: 14px;\n  line-height: 1.4;\n  font-weight: 720;\n}\n\n.np-how-check p {\n  margin-bottom: 0;\n  color: var(--np-text);\n  font-size: 12.5px;\n  line-height: 1.67;\n}\n\n\/* ==================================================\n   4. Order platform\n================================================== *\/\n\n.np-how-finish {\n  padding: clamp(68px, 8vw, 104px) 0;\n  background: #ffffff;\n}\n\n.np-how-finish-box {\n  position: relative;\n  overflow: hidden;\n  padding: clamp(30px, 5vw, 54px);\n  border: 1px solid rgba(255, 132, 186, 0.21);\n  border-radius: 27px;\n  background:\n    radial-gradient(\n      circle at 0% 0%,\n      rgba(255, 132, 186, 0.2),\n      transparent 31%\n    ),\n    radial-gradient(\n      circle at 100% 100%,\n      rgba(190, 117, 255, 0.09),\n      transparent 30%\n    ),\n    linear-gradient(\n      135deg,\n      #fffafd 0%,\n      #fff1f8 100%\n    );\n  box-shadow: 0 24px 65px rgba(94, 39, 68, 0.09);\n}\n\n.np-how-finish-top {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 40px;\n}\n\n.np-how-finish-copy {\n  max-width: 720px;\n}\n\n.np-how-finish h2 {\n  margin-bottom: 15px;\n  color: var(--np-ink);\n  font-size: clamp(31px, 4vw, 48px);\n  line-height: 1.12;\n  font-weight: 770;\n  letter-spacing: -0.045em;\n}\n\n.np-how-finish-copy > p {\n  margin-bottom: 0;\n  color: var(--np-text);\n  font-size: 14.5px;\n  line-height: 1.8;\n}\n\n.np-how-finish-actions {\n  display: flex;\n  flex-direction: column;\n  gap: 9px;\n  width: 210px;\n}\n\n.np-how-next {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 12px;\n  margin-top: 32px;\n}\n\n.np-how-next-link {\n  display: block;\n  min-width: 0;\n  padding: 19px;\n  border: 1px solid rgba(255, 132, 186, 0.16);\n  border-radius: 17px;\n  background: rgba(255, 255, 255, 0.72);\n  transition:\n    background 0.2s ease,\n    border-color 0.2s ease,\n    box-shadow 0.2s ease,\n    transform 0.2s ease;\n}\n\n.np-how-next-link:hover {\n  background: #ffffff;\n  border-color: rgba(255, 132, 186, 0.3);\n  box-shadow: 0 13px 30px rgba(218, 72, 142, 0.09);\n  transform: translateY(-3px);\n}\n\n.np-how-next-label {\n  display: block;\n  margin-bottom: 6px;\n  color: var(--np-pink-deep);\n  font-size: 10px;\n  line-height: 1.3;\n  font-weight: 750;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n}\n\n.np-how-next-title {\n  display: block;\n  color: var(--np-ink);\n  font-size: 13.5px;\n  line-height: 1.45;\n  font-weight: 700;\n}\n\n.np-how-next-text {\n  display: block;\n  margin-top: 5px;\n  color: var(--np-text);\n  font-size: 11.5px;\n  line-height: 1.58;\n}\n\n\/* Tablet *\/\n\n@media (max-width: 960px) {\n  .np-how-hero-grid,\n  .np-how-checks-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .np-how-order-preview {\n    max-width: 680px;\n  }\n\n  .np-how-path-list {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .np-how-path-list::before {\n    display: none;\n  }\n\n  .np-how-finish-top {\n    grid-template-columns: 1fr;\n    gap: 26px;\n  }\n\n  .np-how-finish-actions {\n    flex-direction: row;\n    flex-wrap: wrap;\n    width: auto;\n  }\n}\n\n\/* Mobile *\/\n\n@media (max-width: 680px) {\n  .np-how-wrap {\n    width: min(100% - 28px, 1180px);\n  }\n\n  .np-how-hero {\n    padding: 54px 0 61px;\n  }\n\n  .np-how-hero h1 {\n    font-size: 51px;\n  }\n\n  .np-how-hero-actions {\n    align-items: stretch;\n    flex-direction: column;\n  }\n\n  .np-how-button {\n    width: 100%;\n  }\n\n  .np-how-order-preview {\n    padding: 18px;\n    border-radius: 21px;\n  }\n\n  .np-how-preview-row {\n    grid-template-columns: 1fr;\n  }\n\n  .np-how-path,\n  .np-how-checks,\n  .np-how-finish {\n    padding: 58px 0;\n  }\n\n  .np-how-heading {\n    margin-bottom: 28px;\n  }\n\n  .np-how-path-list {\n    grid-template-columns: 1fr;\n  }\n\n  .np-how-step {\n    padding: 21px 19px;\n  }\n\n  .np-how-checks-grid {\n    gap: 30px;\n  }\n\n  .np-how-finish-box {\n    padding: 27px 20px;\n    border-radius: 22px;\n  }\n\n  .np-how-finish-actions {\n    flex-direction: column;\n  }\n\n  .np-how-next {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .np-how-page *,\n  .np-how-page *::before,\n  .np-how-page *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n<\/style>\n\n<main class=\"np-how-page\">\n\n  <!-- Section 1 -->\n  <section class=\"np-how-hero\" aria-labelledby=\"np-how-title\">\n    <div class=\"np-how-wrap\">\n      <div class=\"np-how-hero-grid\">\n\n        <div class=\"np-how-hero-copy\">\n\n          <div class=\"np-how-kicker\">\n            <span class=\"np-how-kicker-dot\" aria-hidden=\"true\"><\/span>\n            Ordering with NicePanel\n          <\/div>\n\n          <h1 id=\"np-how-title\">How It Works<\/h1>\n\n          <p class=\"np-how-hero-lead\">\n            Choose the service you need, enter the correct public link, set\n            the quantity, and submit the order through\n            <strong>1xPanel<\/strong>. NicePanel explains the services and\n            requirements; the live service list, payment, and order dashboard\n            are hosted on 1xPanel.\n          <\/p>\n\n          <div class=\"np-how-hero-actions\">\n\n            <a class=\"np-how-button np-how-button--pink\" href=\"https:\/\/1xpanel.com\/services\" target=\"_blank\" rel=\"noopener noreferrer\">\n              Browse Services\n\n              <svg viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n                <path\n                  d=\"M4.5 10h11m-4-4 4 4-4 4\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                \/>\n              <\/svg>\n            <\/a>\n\n            <a class=\"np-how-button np-how-button--light\" href=\"https:\/\/1xpanel.com\/signup\" target=\"_blank\" rel=\"noopener noreferrer\">\n              Create an Account\n            <\/a>\n\n          <\/div>\n\n          <div class=\"np-how-hero-links\">\n\n            <a class=\"np-how-hero-link\" href=\"https:\/\/nicepanel.site\/en\/no-password-required\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n              No password required\n            <\/a>\n\n            <a class=\"np-how-hero-link\" href=\"https:\/\/nicepanel.site\/en\/service-limitations\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n              Check service limits\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n        <div class=\"np-how-order-preview\" aria-label=\"Order form preview\">\n\n          <div class=\"np-how-preview-top\">\n            <p class=\"np-how-preview-title\">New Order<\/p>\n            <span class=\"np-how-preview-status\">1xPanel<\/span>\n          <\/div>\n\n          <div class=\"np-how-preview-form\">\n\n            <div class=\"np-how-preview-field\">\n              <span class=\"np-how-preview-label\">Platform<\/span>\n\n              <span class=\"np-how-preview-value\">\n                Telegram\n\n                <svg viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n                  <path\n                    d=\"m5 7.5 5 5 5-5\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.8\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  \/>\n                <\/svg>\n              <\/span>\n            <\/div>\n\n            <div class=\"np-how-preview-field\">\n              <span class=\"np-how-preview-label\">Service<\/span>\n\n              <span class=\"np-how-preview-value\">\n                Select a service\n\n                <svg viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n                  <path\n                    d=\"m5 7.5 5 5 5-5\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.8\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  \/>\n                <\/svg>\n              <\/span>\n            <\/div>\n\n            <div class=\"np-how-preview-field\">\n              <span class=\"np-how-preview-label\">Public link<\/span>\n\n              <span class=\"np-how-preview-value\">\n                https:\/\/t.me\/example\n              <\/span>\n            <\/div>\n\n            <div class=\"np-how-preview-row\">\n\n              <div class=\"np-how-preview-field\">\n                <span class=\"np-how-preview-label\">Quantity<\/span>\n                <span class=\"np-how-preview-value\">1,000<\/span>\n              <\/div>\n\n              <div class=\"np-how-preview-field\">\n                <span class=\"np-how-preview-label\">Charge<\/span>\n                <span class=\"np-how-preview-value\">Calculated live<\/span>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"np-how-preview-submit\">\n              Submit Order\n            <\/div>\n\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Section 2 -->\n  <section class=\"np-how-path\" aria-labelledby=\"np-how-path-title\">\n    <div class=\"np-how-wrap\">\n\n      <div class=\"np-how-heading\">\n\n        <div class=\"np-how-kicker\">\n          <span class=\"np-how-kicker-dot\" aria-hidden=\"true\"><\/span>\n          The order path\n        <\/div>\n\n        <h2 id=\"np-how-path-title\">\n          Four steps from choice to delivery\n        <\/h2>\n\n        <p>\n          Each service has its own price, limits, accepted link, and delivery\n          notes. Read those details before submitting the order.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"np-how-path-list\">\n\n        <article class=\"np-how-step\">\n          <span class=\"np-how-step-number\">01<\/span>\n\n          <h3>Choose the service<\/h3>\n\n          <p>\n            Open the live service list and select the platform, service type,\n            quantity range, and option that matches your account or post.\n          <\/p>\n\n          <a class=\"np-how-step-link\" href=\"https:\/\/1xpanel.com\/services\" target=\"_blank\" rel=\"noopener noreferrer\">\n            Open service list \u2192\n          <\/a>\n        <\/article>\n\n        <article class=\"np-how-step\">\n          <span class=\"np-how-step-number\">02<\/span>\n\n          <h3>Paste the right link<\/h3>\n\n          <p>\n            Enter the public profile, channel, group, post, video, playlist,\n            or page link requested in the service description.\n          <\/p>\n\n          <a class=\"np-how-step-link\" href=\"https:\/\/nicepanel.site\/en\/no-password-required\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n            Why no password is needed \u2192\n          <\/a>\n        <\/article>\n\n        <article class=\"np-how-step\">\n          <span class=\"np-how-step-number\">03<\/span>\n\n          <h3>Set the quantity<\/h3>\n\n          <p>\n            Enter an amount within the stated minimum and maximum. The panel\n            calculates the charge before the order is submitted.\n          <\/p>\n\n          <a class=\"np-how-step-link\" href=\"https:\/\/nicepanel.site\/en\/service-limitations\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n            Review the limits \u2192\n          <\/a>\n        <\/article>\n\n        <article class=\"np-how-step\">\n          <span class=\"np-how-step-number\">04<\/span>\n\n          <h3>Follow the order<\/h3>\n\n          <p>\n            After submission, use the 1xPanel dashboard to view the order and\n            follow its progress until processing has finished.\n          <\/p>\n\n          <a class=\"np-how-step-link\" href=\"https:\/\/nicepanel.site\/en\/order-process\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n            Read the order process \u2192\n          <\/a>\n        <\/article>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Section 3 -->\n  <section class=\"np-how-checks\" aria-labelledby=\"np-how-checks-title\">\n    <div class=\"np-how-wrap\">\n      <div class=\"np-how-checks-grid\">\n\n        <div class=\"np-how-checks-copy\">\n\n          <div class=\"np-how-kicker\">\n            <span class=\"np-how-kicker-dot\" aria-hidden=\"true\"><\/span>\n            Before submitting\n          <\/div>\n\n          <h2 id=\"np-how-checks-title\">\n            Check the order once\n          <\/h2>\n\n          <p>\n            Most preventable problems begin with the wrong service, an\n            inaccessible link, or a quantity outside the allowed range.\n            A quick review before submission saves time later.\n          <\/p>\n\n          <div class=\"np-how-checks-note\">\n            Do not send an account password. Orders use the public link\n            requested in the service description.\n          <\/div>\n\n        <\/div>\n\n        <div class=\"np-how-check-list\">\n\n          <article class=\"np-how-check\">\n\n            <span class=\"np-how-check-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path\n                  d=\"M8.5 15.5 15.5 8.5M7.2 10.4l-1.5 1.5a3.5 3.5 0 0 0 5 5l1.5-1.5M16.8 13.6l1.5-1.5a3.5 3.5 0 0 0-5-5l-1.5 1.5\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                \/>\n              <\/svg>\n            <\/span>\n\n            <div>\n              <h3>Use the requested link format<\/h3>\n\n              <p>\n                A profile link cannot replace a post link, and a channel link\n                cannot replace a specific message link when the service asks\n                for one.\n              <\/p>\n            <\/div>\n\n          <\/article>\n\n          <article class=\"np-how-check\">\n\n            <span class=\"np-how-check-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path\n                  d=\"M12 3.5v17M5.5 8h8.2a2.8 2.8 0 1 1 0 5.6H9.8a2.8 2.8 0 1 0 0 5.6H18.5\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                \/>\n              <\/svg>\n            <\/span>\n\n            <div>\n              <h3>Check the charge first<\/h3>\n\n              <p>\n                Confirm the selected quantity and calculated cost before\n                submitting. Current prices are displayed inside 1xPanel.\n              <\/p>\n            <\/div>\n\n          <\/article>\n\n          <article class=\"np-how-check\">\n\n            <span class=\"np-how-check-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path\n                  d=\"M12 4.5a7.5 7.5 0 1 1-7.5 7.5M12 8v4.5l3 2\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                \/>\n              <\/svg>\n            <\/span>\n\n            <div>\n              <h3>Read the service notes<\/h3>\n\n              <p>\n                Start time, refill terms, accepted account settings, and\n                quantity limits may differ from one service to another.\n              <\/p>\n            <\/div>\n\n          <\/article>\n\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Section 4 -->\n  <section class=\"np-how-finish\" aria-labelledby=\"np-how-finish-title\">\n    <div class=\"np-how-wrap\">\n\n      <div class=\"np-how-finish-box\">\n\n        <div class=\"np-how-finish-top\">\n\n          <div class=\"np-how-finish-copy\">\n\n            <div class=\"np-how-kicker\">\n              <span class=\"np-how-kicker-dot\" aria-hidden=\"true\"><\/span>\n              Order platform\n            <\/div>\n\n            <h2 id=\"np-how-finish-title\">\n              Orders live on 1xPanel\n            <\/h2>\n\n            <p>\n              NicePanel helps you understand the available platforms and order\n              requirements. Account registration, deposits, live prices,\n              order submission, and dashboard tracking are handled on\n              1xPanel.\n            <\/p>\n\n          <\/div>\n\n          <div class=\"np-how-finish-actions\">\n\n            <a class=\"np-how-button np-how-button--pink\" href=\"https:\/\/1xpanel.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n              Visit 1xPanel\n\n              <svg viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n                <path\n                  d=\"M4.5 10h11m-4-4 4 4-4 4\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"1.8\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                \/>\n              <\/svg>\n            <\/a>\n\n            <a class=\"np-how-button np-how-button--light\" href=\"https:\/\/1xpanel.com\/signup\" target=\"_blank\" rel=\"noopener noreferrer\">\n              Sign Up\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n        <div class=\"np-how-next\">\n\n          <a class=\"np-how-next-link\" href=\"https:\/\/nicepanel.site\/en\/order-process\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <span class=\"np-how-next-label\">Next guide<\/span>\n            <span class=\"np-how-next-title\">Order Process<\/span>\n            <span class=\"np-how-next-text\">\n              See what happens after an order is submitted.\n            <\/span>\n          <\/a>\n\n          <a class=\"np-how-next-link\" href=\"https:\/\/nicepanel.site\/en\/what-happens-after-delivery\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <span class=\"np-how-next-label\">After completion<\/span>\n            <span class=\"np-how-next-title\">After Delivery<\/span>\n            <span class=\"np-how-next-text\">\n              Check the result and know when further action is needed.\n            <\/span>\n          <\/a>\n\n          <a class=\"np-how-next-link\" href=\"https:\/\/nicepanel.site\/en\/faq\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <span class=\"np-how-next-label\">Common questions<\/span>\n            <span class=\"np-how-next-title\">FAQ<\/span>\n            <span class=\"np-how-next-text\">\n              Find quick answers about links, orders, and account access.\n            <\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/main>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ordering with NicePanel How It Works Choose the service you need, enter the correct public link, set the quantity, and submit the order through 1xPanel. NicePanel explains the services and requirements; the live service list, payment, and order dashboard are hosted on 1xPanel. Browse Services Create an Account No password required Check service limits New [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5423","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nicepanel.site\/en\/wp-json\/wp\/v2\/pages\/5423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nicepanel.site\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nicepanel.site\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nicepanel.site\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nicepanel.site\/en\/wp-json\/wp\/v2\/comments?post=5423"}],"version-history":[{"count":10,"href":"https:\/\/nicepanel.site\/en\/wp-json\/wp\/v2\/pages\/5423\/revisions"}],"predecessor-version":[{"id":6857,"href":"https:\/\/nicepanel.site\/en\/wp-json\/wp\/v2\/pages\/5423\/revisions\/6857"}],"wp:attachment":[{"href":"https:\/\/nicepanel.site\/en\/wp-json\/wp\/v2\/media?parent=5423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}