/* HUMARA PAKUR PODCAST — EPISODES */
.hp-neon {
  --purple:#a020f0;
  --pink:#ff32d2;
  --cyan:#28dfff;
  background:#050516;
  color:#f8f5ff;
  padding:32px 18px 50px;
  font-family:Inter,Arial,Helvetica,sans-serif;
  overflow:hidden;
  position:relative;
  isolation:isolate;
}
.hp-neon * {box-sizing:border-box}
.hp-neon .hp-inner {max-width:1180px;margin:auto}
.hp-neon a,
.hp-neon a:hover,
.hp-neon a:focus,
.hp-neon a:visited {text-decoration:none !important}

.hp-neon .hp-hero {
  display:grid;
  grid-template-columns:1.05fr .95fr;
  align-items:center;
  min-height:350px;
  gap:25px;
  padding:20px 0 36px;
  border-bottom:1px solid #25134b;
}
.hp-neon .hp-pill {
  display:inline-block;
  color:#e8caff;
  background:#260b65;
  border:1px solid #842bff;
  border-radius:30px;
  padding:8px 15px;
  font-size:12px;
  font-weight:bold;
  letter-spacing:2px;
  box-shadow:0 0 16px #7b2cff55;
}
.hp-neon h1 {
  font-size:clamp(38px,5vw,65px);
  line-height:1.06;
  letter-spacing:-2px;
  font-weight:850;
  margin:20px 0 18px;
  color:#fff;
}
.hp-neon .hp-gradient {
  background:linear-gradient(90deg,#bd42ff,#ff37ce,#7b7bff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.hp-neon .hp-intro {
  color:#c7c4e5;
  line-height:1.8;
  max-width:520px;
  font-size:16px;
}
.hp-neon .hp-stats {
  display:flex;
  flex-wrap:wrap;
  gap:28px;
  margin-top:25px;
}
.hp-neon .hp-stat strong {
  display:block;font-size:22px;color:#fff;
}
.hp-neon .hp-stat span {color:#aaa5d2;font-size:12px}
.hp-neon .hp-visual {
  min-height:300px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(ellipse at 50% 55%,#6813bd66,transparent 52%),
    radial-gradient(ellipse at 75% 25%,#ff239c22,transparent 35%);
}
.hp-neon .hp-mic {
  font-size:150px;
  line-height:1;
  filter:drop-shadow(0 0 10px #7f39ff)
         drop-shadow(0 0 26px #a020f0)
         drop-shadow(0 0 42px #ff32d266);
  animation:hpFloat 4s ease-in-out infinite;
  position:relative;
  z-index:2;
}
.hp-neon .hp-slogan {
  position:absolute;right:2%;top:12%;
  color:#ffbd62;
  font-size:clamp(20px,3vw,30px);
  font-weight:bold;font-style:italic;
  transform:rotate(7deg);
  text-shadow:0 0 15px #ff8b2744;
}
.hp-neon .hp-wave {
  position:absolute;left:0;right:0;top:58%;height:3px;
  background:linear-gradient(90deg,transparent,#a020f0,#ff32d2,#7b4dff,transparent);
  box-shadow:0 0 12px #b02cff,0 0 30px #a020f0;
}
@keyframes hpFloat {
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-9px)}
}

/* Category filters */
.hp-neon .hp-categories {
  display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 25px;
}
.hp-neon .hp-filter {
  display:inline-block;
  border:1px solid #7130bf;
  color:#eee8ff;
  background:#0a0921;
  border-radius:30px;
  padding:11px 17px;
  font-size:13px;
  cursor:pointer;
  transition:.25s;
}
.hp-neon .hp-filter:hover,
.hp-neon .hp-filter.active {
  color:white;border-color:#d43bff;
  background:linear-gradient(110deg,#9c20f4,#6d2cff);
  box-shadow:0 0 18px #a020f077;
}

/* Latest episodes heading and search */
.hp-neon .hp-section-head {
  display:flex;justify-content:space-between;align-items:center;
  gap:20px;flex-wrap:wrap;margin:30px 0 20px;
}
.hp-neon .hp-section-head h2 {
  color:#fff;font-size:28px;letter-spacing:-.5px;margin:0;
}
.hp-neon .hp-section-head p {
  color:#aaa5d2;font-size:13px;margin:7px 0 0;
}
.hp-neon .hp-search-wrap {
  position:relative;flex:0 1 340px;min-width:220px;margin-left:auto;
}
.hp-neon .hp-search-icon {
  position:absolute;left:15px;top:50%;transform:translateY(-50%);
  color:#c9a6ff;font-size:22px;pointer-events:none;
}
.hp-neon .hp-search {
  width:100%;min-height:47px;padding:12px 16px 12px 44px;
  color:#fff;background:#0b0920;border:1px solid #6230a1;
  border-radius:30px;outline:none;font-size:13px;
}
.hp-neon .hp-search::placeholder {color:#aaa2c8}
.hp-neon .hp-search:focus {
  border-color:#d34cff;box-shadow:0 0 0 3px #a020f026;
}

/* Episode cards */
.hp-neon .hp-grid {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;
}
.hp-neon .hp-card {
  min-width:0;
  background:linear-gradient(145deg,#100c2b,#08081b 80%);
  border:1px solid #3b1b76;border-radius:15px;overflow:hidden;
  box-shadow:0 0 0 1px #4b1c6a15;
  transition:transform .25s,border-color .25s,box-shadow .25s;
}
.hp-neon .hp-card:hover {
  transform:translateY(-5px);border-color:#b12dff;
  box-shadow:0 0 8px #a020f055,0 0 25px #a020f025;
}
.hp-neon .hp-card[hidden] {display:none !important}
.hp-neon .hp-thumb {
  display:block;width:100%;height:190px;object-fit:cover;
  background:#191033;border-bottom:1px solid #5727a3;
}
.hp-neon .hp-card-body {padding:18px}
.hp-neon .hp-category {
  display:inline-block;color:#dc9dff;background:#251044;
  border-radius:20px;padding:5px 10px;font-size:11px;margin-bottom:10px;
}
.hp-neon .hp-card h3 {
  color:#fff;font-size:19px;line-height:1.4;
  font-weight:750;letter-spacing:-.3px;margin:3px 0 12px;
}
.hp-neon .hp-meta {
  display:flex;gap:8px;flex-wrap:wrap;
  color:#aaa8cc;font-size:12px;margin:8px 0;
}
.hp-neon .hp-desc {
  color:#c7c4e5;font-size:13px;line-height:1.7;margin:13px 0 15px;
}
.hp-neon .hp-listen {
  display:flex;justify-content:flex-end;align-items:center;gap:8px;
  min-height:36px;color:#d64bff !important;font-size:13px;font-weight:bold;
  cursor:pointer;
}
.hp-neon .hp-listen:hover {
  color:#ff68df !important;text-shadow:0 0 12px #e72fff;
}
.hp-neon .hp-listen::after {
  content:"";width:6px;height:6px;border-radius:50%;
  background:#ff32d2;box-shadow:0 0 10px #ff32d2;
}
.hp-neon .hp-no-results {
  display:none;padding:28px 18px;text-align:center;
  border:1px dashed #6230a1;border-radius:14px;
  color:#c7c4e5;background:#0b0920;margin-top:12px;
}
.hp-neon .hp-no-results.show {display:block}

/* Bottom CTA */
.hp-neon .hp-cta {
  display:grid;grid-template-columns:150px 1fr auto;
  align-items:center;gap:25px;margin-top:30px;padding:25px;
  border:1px solid #8b2cda;border-radius:17px;
  background:radial-gradient(ellipse at 15% 50%,#6721aa44,transparent 45%),
             linear-gradient(110deg,#100a2b,#09091d);
  box-shadow:0 0 22px #8b2cda15;
}
.hp-neon .hp-cta-icon {
  font-size:76px;text-align:center;filter:drop-shadow(0 0 13px #b82cff);
}
.hp-neon .hp-cta small {color:#ec62ff;letter-spacing:2px;font-size:10px}
.hp-neon .hp-cta h2 {font-size:25px;color:white;margin:7px 0}
.hp-neon .hp-cta p {color:#c4c0e0;font-size:13px;line-height:1.7;margin:0}
.hp-neon .hp-button {
  display:inline-block;background:linear-gradient(100deg,#b120f5,#762bff);
  color:white !important;border-radius:30px;padding:13px 20px;
  font-size:13px;font-weight:bold;white-space:nowrap;
  box-shadow:0 0 18px #9e28f866;transition:.25s;
}
.hp-neon .hp-button:hover {box-shadow:0 0 28px #d32affaa;transform:translateY(-2px)}

/* Coming Soon popup */
.hp-neon .hp-modal-backdrop {
  display:none;position:fixed;inset:0;z-index:999999;
  background:rgba(3,2,16,.82);backdrop-filter:blur(9px);
  align-items:center;justify-content:center;padding:20px;
}
.hp-neon .hp-modal-backdrop.is-open {display:flex}
.hp-neon .hp-modal {
  width:min(100%,390px);position:relative;text-align:center;padding:32px 26px 28px;
  background:radial-gradient(ellipse at 50% 0%,#6b1ab955,transparent 58%),
             linear-gradient(145deg,#15102f,#080719);
  border:1px solid #a33cff;border-radius:22px;
  box-shadow:0 0 22px #8c2cff44,0 0 70px #7d21b533;
  animation:hpModalIn .22s ease-out;
}
.hp-neon .hp-modal-icon {font-size:42px;filter:drop-shadow(0 0 12px #bd42ff)}
.hp-neon .hp-modal h3 {font-size:28px;line-height:1.2;color:#fff;margin:12px 0}
.hp-neon .hp-modal p {font-size:14px;line-height:1.7;color:#c7c4e5;margin:0 0 22px}
.hp-neon .hp-modal-close {
  border:0;border-radius:30px;padding:12px 25px;color:#fff;
  font-weight:bold;cursor:pointer;background:linear-gradient(100deg,#b120f5,#762bff);
  box-shadow:0 0 18px #9e28f866;
}
.hp-neon .hp-modal-x {
  position:absolute;right:12px;top:10px;border:0;background:transparent;
  color:#d9c9ff;font-size:25px;cursor:pointer;line-height:1;padding:5px;
}
@keyframes hpModalIn {
  from{opacity:0;transform:translateY(10px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.hp-neon .hp-filter:focus-visible,
.hp-neon .hp-listen:focus-visible,
.hp-neon .hp-button:focus-visible,
.hp-neon .hp-modal button:focus-visible {
  outline:2px solid #28dfff;outline-offset:4px;
}
@media(max-width:850px) {
  .hp-neon .hp-hero {grid-template-columns:1fr}
  .hp-neon .hp-visual {min-height:220px}
  .hp-neon .hp-mic {font-size:115px}
  .hp-neon .hp-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .hp-neon .hp-cta {grid-template-columns:90px 1fr}
  .hp-neon .hp-cta .hp-button {grid-column:2;justify-self:start}
}
@media(max-width:560px) {
  .hp-neon {padding:22px 12px 35px}
  .hp-neon .hp-hero {padding-top:10px;gap:4px}
  .hp-neon h1 {font-size:40px;letter-spacing:-1.3px}
  .hp-neon .hp-visual {min-height:190px}
  .hp-neon .hp-mic {font-size:95px}
  .hp-neon .hp-slogan {font-size:20px}
  .hp-neon .hp-grid {grid-template-columns:1fr;gap:18px}
  .hp-neon .hp-thumb {height:210px}
  .hp-neon .hp-section-head {align-items:stretch}
  .hp-neon .hp-search-wrap {flex:1 1 100%;width:100%;margin-left:0}
  .hp-neon .hp-categories {gap:8px}
  .hp-neon .hp-filter {padding:9px 12px;font-size:12px}
  .hp-neon .hp-cta {grid-template-columns:1fr;text-align:center;padding:24px 18px;gap:12px}
  .hp-neon .hp-cta-icon {font-size:60px}
  .hp-neon .hp-cta .hp-button {grid-column:auto;justify-self:center}
}
@media(prefers-reduced-motion:reduce) {
  .hp-neon .hp-mic,.hp-neon .hp-modal {animation:none}
}

/* FIX: Make episode search input visible in WordPress/Elementor */
.hp-neon .hp-section-head .hp-search-wrap {
  display: block !important;
  position: relative !important;
  flex: 0 1 360px !important;
  width: 360px !important;
  min-width: 260px !important;
  max-width: 100% !important;
  margin-left: auto !important;
  overflow: visible !important;
}

.hp-neon .hp-section-head .hp-search {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  padding: 12px 16px 12px 46px !important;
  border: 1px solid #9b42e8 !important;
  border-radius: 30px !important;
  background: #100b27 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: normal !important;
  -webkit-appearance: auto !important;
  appearance: auto !important;
}

.hp-neon .hp-section-head .hp-search::placeholder {
  color: #c4b5df !important;
  opacity: 1 !important;
}

.hp-neon .hp-section-head .hp-search:focus {
  outline: none !important;
  border-color: #ff32d2 !important;
  box-shadow: 0 0 14px #a020f055 !important;
}

.hp-neon .hp-section-head .hp-search-icon {
  z-index: 2 !important;
  display: block !important;
  left: 15px !important;
  pointer-events: none !important;
}

@media (max-width: 560px) {
  .hp-neon .hp-section-head .hp-search-wrap {
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 100% !important;
    margin-left: 0 !important;
  }
}



/* Plugin card actions, 16:9 thumbnail and pagination */
.hp-neon .hp-thumb-wrap{position:relative;aspect-ratio:16/9;background:#191033;overflow:hidden;border-bottom:1px solid #5727a3}
.hp-neon .hp-thumb{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;border:0}
.hp-neon .hp-thumb-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:58px;background:radial-gradient(circle at 50% 50%,#56208b,#100b27 70%);color:#fff}
.hp-neon .hp-card-body{display:flex;flex-direction:column;min-height:260px}
.hp-neon .hp-card-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid #321957}
.hp-neon .hp-views{font-size:12px;color:#aaa5d2;white-space:nowrap}
.hp-neon .hp-action-buttons{display:flex;gap:8px;align-items:center}
.hp-neon .hp-share,.hp-neon .hp-play{border:1px solid #7130bf;border-radius:22px;padding:8px 13px;color:#fff;background:#170d32;font-size:12px;font-weight:700;cursor:pointer;transition:.2s}
.hp-neon .hp-play{background:linear-gradient(100deg,#a020f0,#6d2cff);border-color:#a020f0}
.hp-neon .hp-share:hover,.hp-neon .hp-play:hover{box-shadow:0 0 14px #a020f077;transform:translateY(-1px)}
.hp-neon .hp-video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;margin-top:16px}
.hp-neon .hp-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.hp-neon .hp-video-modal .hp-modal{width:min(100%,850px);text-align:left}
.hp-neon .hp-video-title{color:#fff;font-size:20px;margin:0;padding-right:25px}
.hp-neon .hp-pagination{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:30px 0}
.hp-neon .hp-page-link{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid #7130bf;border-radius:22px;color:#eee8ff;background:#0a0921}
.hp-neon .hp-page-link.current,.hp-neon .hp-page-link:hover{background:linear-gradient(110deg,#9c20f4,#6d2cff);border-color:#d43bff;color:#fff}
.hp-neon .hp-search-submit{position:absolute;right:5px;top:5px;width:38px;height:38px;border:0;border-radius:50%;background:#762bff;color:#fff;font-size:20px;cursor:pointer}
.hp-neon .hp-live-count{color:#c7c4e5;font-size:13px;margin:-6px 0 16px}
.hp-neon .hp-live-count a{color:#ff68df}
.hp-neon .hp-reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
.hp-neon .hp-reveal.hp-visible{opacity:1;transform:none}
.hp-neon .hp-coming-modal .hp-modal{ text-align:center }
@media(max-width:560px){.hp-neon .hp-card-body{min-height:0}.hp-neon .hp-action-buttons{gap:6px}.hp-neon .hp-share,.hp-neon .hp-play{padding:8px 10px}}
.hp-neon .hp-thumb[hidden],.hp-neon .hp-thumb-placeholder[hidden]{display:none !important}

/* Search controls: partial-word search, clear and submit controls */
.hp-neon .hp-section-head .hp-search-wrap{position:relative;display:flex;align-items:center;min-width:0}
.hp-neon .hp-section-head .hp-search{padding-right:88px !important}
.hp-neon .hp-search-submit{z-index:3;display:flex;align-items:center;justify-content:center;line-height:1;right:5px;top:5px;width:38px;height:38px;padding:0}
.hp-neon .hp-search-clear{position:absolute;z-index:4;right:48px;top:5px;width:34px;height:38px;border:0;background:transparent;color:#d8c8f4;font-size:25px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.hp-neon .hp-search-clear:hover{color:#ff68df}
/* Popup title auto-wraps and close control remains accessible on all screens */
.hp-neon .hp-modal{box-sizing:border-box;max-height:calc(100vh - 36px);overflow-y:auto;padding:52px 26px 28px}
.hp-neon .hp-modal h3,.hp-neon .hp-video-title{font-size:clamp(17px,3.8vw,28px);line-height:1.25;overflow-wrap:anywhere;word-break:normal;max-width:100%}
.hp-neon .hp-modal-x{z-index:5;display:flex;align-items:center;justify-content:center;width:38px;height:38px;right:10px;top:9px;padding:0;border-radius:50%;font-size:27px;background:rgba(255,255,255,.06)}
.hp-neon .hp-modal-x:hover{background:rgba(255,255,255,.14);color:#fff}
.hp-neon .hp-video-modal .hp-modal{width:min(100%,850px);padding:58px 24px 24px}
.hp-neon .hp-video-title{margin:0;padding:0 34px 0 0;white-space:normal}
@media(max-width:560px){
 .hp-neon .hp-section-head .hp-search-wrap{width:100%!important;min-width:0!important;flex:1 1 100%!important}
 .hp-neon .hp-modal{padding:50px 18px 22px}
 .hp-neon .hp-video-modal .hp-modal{padding:54px 12px 16px}
}


/* Version 2.3.0: shareable single episode pages and WhatsApp contact form */
.hp-neon.hp-single-page{background:#050516;color:#f7f3ff;padding:38px 20px 60px}
.hp-neon .hp-single-back{display:inline-block;color:#d8b8ff;text-decoration:none;margin:0 0 22px}
.hp-neon .hp-single-episode{max-width:980px;margin:0 auto 42px;border:1px solid #53228b;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#100b27,#090719);box-shadow:0 15px 55px #0008}
.hp-neon .hp-single-image{width:100%;aspect-ratio:16/9;background:#191033;overflow:hidden}
.hp-neon .hp-single-image img{display:block;width:100%;height:100%;object-fit:cover}
.hp-neon .hp-single-content{padding:clamp(20px,4vw,42px)}
.hp-neon .hp-single-content h1{font-size:clamp(27px,5vw,48px);line-height:1.13;overflow-wrap:anywhere;color:#fff;margin:12px 0 16px}
.hp-neon .hp-single-meta{display:flex;flex-wrap:wrap;gap:10px 20px;color:#bdb4d8;font-size:13px;margin-bottom:18px}
.hp-neon .hp-single-description,.hp-neon .hp-single-full-content{color:#ddd5ef;font-size:16px;line-height:1.8}
.hp-neon .hp-single-video{position:relative;width:100%;aspect-ratio:16/9;margin:26px 0;border-radius:14px;overflow:hidden;background:#000}
.hp-neon .hp-single-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.hp-neon .hp-single-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;align-items:center}
.hp-neon .hp-contact-modal .hp-modal{width:min(100%,560px);text-align:left}
.hp-neon .hp-contact-form{display:grid;gap:13px;text-align:left}
.hp-neon .hp-contact-form label{display:grid;gap:6px;color:#e7dcff;font-size:13px;font-weight:700}
.hp-neon .hp-contact-form input,.hp-neon .hp-contact-form textarea{width:100%;box-sizing:border-box;border:1px solid #59318c;border-radius:10px;background:#100b27;color:#fff;padding:12px 13px;font:inherit;outline:none}
.hp-neon .hp-contact-form input:focus,.hp-neon .hp-contact-form textarea:focus{border-color:#d13bff;box-shadow:0 0 0 3px #a020f033}
.hp-neon .hp-contact-form textarea{resize:vertical;min-height:84px}
.hp-neon .hp-contact-submit{border:0;border-radius:24px;padding:13px 18px;background:linear-gradient(100deg,#a020f0,#6d2cff);color:#fff;font-weight:800;cursor:pointer;margin-top:4px}
@media(max-width:560px){.hp-neon.hp-single-page{padding:25px 12px 42px}.hp-neon .hp-single-content{padding:20px 16px}.hp-neon .hp-single-meta{gap:8px 12px}.hp-neon .hp-contact-modal .hp-modal{padding:52px 16px 20px}}

/* Version 2.4.0: full episode submission form and thumbnail upload */
.hp-neon .hp-contact-form select{width:100%;box-sizing:border-box;border:1px solid #59318c;border-radius:10px;background:#100b27;color:#fff;padding:12px 13px;font:inherit;outline:none}
.hp-neon .hp-contact-form select:focus{border-color:#d13bff;box-shadow:0 0 0 3px #a020f033}
.hp-neon .hp-contact-form input[type=file]{padding:10px;background:#100b27;border:1px dashed #8050b5;cursor:pointer}
.hp-neon .hp-upload-hint{display:block;color:#b9a9d5;font-size:11px;font-weight:400;line-height:1.5}
.hp-neon .hp-upload-preview{display:block;margin-top:8px}
.hp-neon .hp-upload-preview img{display:block;width:100%;max-height:190px;aspect-ratio:16/9;object-fit:cover;border-radius:10px;border:1px solid #59318c}
.hp-neon .hp-contact-form label{min-width:0}

/* Version 2.5.0: instant partial search and automatic episode loading */
.hp-neon .hp-loading-more{color:#cbb8ec;text-align:center;padding:18px;font-size:14px}
.hp-neon .hp-load-sentinel{height:2px;width:100%;pointer-events:none}
.hp-neon .hp-pagination[hidden]{display:none!important}