.thaka-form.thaka-form{
  --tp-purple-900:#4A2A63;
  --tp-purple-800:#5C3579;
  --tp-purple-700:#764896;
  --tp-purple-100:#EDE3F3;
  --tp-blue-500:#309BD4;
  --tp-blue-400:#5BB8E5;
  --tp-cream-50:#FAF8FC;
  --tp-ink-900:#211530;
  --tp-slate-500:#6C6478;
  --tp-red-500:#D64545;
  --tp-radius:18px;

  all:initial;
  display:block;
  box-sizing:border-box;
  font-family:'Cairo',sans-serif;
  color:var(--tp-ink-900);
  background:var(--tp-cream-50);
  direction:rtl;
  overflow-x:hidden;
  line-height:1.7;

  width:100vw;
  max-width:100vw;
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
}
.thaka-form.thaka-form *,
.thaka-form.thaka-form *::before,
.thaka-form.thaka-form *::after{
  box-sizing:border-box;
  font-family:'Cairo',sans-serif;
}
.thaka-form.thaka-form .fa-solid::before,
.thaka-form.thaka-form .fas::before{ font-family:"Font Awesome 6 Free" !important; font-weight:900 !important; }
.thaka-form.thaka-form .fa-regular::before,
.thaka-form.thaka-form .far::before{ font-family:"Font Awesome 6 Free" !important; font-weight:400 !important; }
.thaka-form.thaka-form .fa-brands::before,
.thaka-form.thaka-form .fab::before{ font-family:"Font Awesome 6 Brands" !important; font-weight:400 !important; }

.thaka-form.thaka-form a{ text-decoration:none; color:inherit; }
.thaka-form.thaka-form ul{ list-style:none; margin:0; padding:0; }
.thaka-form.thaka-form h1,.thaka-form.thaka-form h2,.thaka-form.thaka-form h3,.thaka-form.thaka-form p{ margin:0; }
.thaka-form.thaka-form :focus-visible{ outline:3px solid var(--tp-blue-500); outline-offset:3px; }
.thaka-form.thaka-form .container{ width:100%; max-width:1180px; margin-inline:auto; padding-inline:1.25rem; }

.thaka-form.thaka-form .tp-reveal{ opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease; }
.thaka-form.thaka-form .tp-reveal.tp-in{ opacity:1; transform:translateY(0); }
@media (prefers-reduced-motion:reduce){ .thaka-form.thaka-form .tp-reveal{ opacity:1; transform:none; transition:none; } }

/* ---------- HERO ---------- */
.thaka-form.thaka-form .tp-hero{
  position:relative;
  background:radial-gradient(120% 140% at 20% 0%, var(--tp-purple-800) 0%, var(--tp-purple-900) 55%, #2B1A3B 100%);
  padding:4.5rem 0 5rem;
  overflow:hidden;
}
.thaka-form.thaka-form .tp-hero-bg{ position:absolute; inset:0; z-index:0; }
.thaka-form.thaka-form .tp-blob{ position:absolute; border-radius:50%; filter:blur(60px); opacity:.35; }
.thaka-form.thaka-form .tp-blob-1{ width:420px; height:420px; background:var(--tp-blue-500); top:-140px; inset-inline-start:-120px; }
.thaka-form.thaka-form .tp-blob-2{ width:360px; height:360px; background:var(--tp-purple-700); bottom:-160px; inset-inline-end:-100px; }
.thaka-form.thaka-form .tp-grid-lines{
  position:absolute; inset:0;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:radial-gradient(circle at 50% 30%, #000 0%, transparent 75%);
}
.thaka-form.thaka-form .tp-license-badge{
  display:flex; width:fit-content; align-items:center; gap:.6rem;
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18);
  color:#F3EFE3; padding:.55rem 1.1rem; border-radius:999px; font-size:.85rem; font-weight:600;
  backdrop-filter:blur(6px); position:relative; z-index:1;
}
.thaka-form.thaka-form .tp-license-badge i{ color:var(--tp-blue-400); }
.thaka-form.thaka-form .tp-hero-title{
  position:relative; z-index:1; color:#fff; font-weight:900;
  font-size:clamp(1.9rem, 4vw, 3rem); line-height:1.28; text-align:center; margin-top:1.4rem;
}
.thaka-form.thaka-form .tp-highlight{ color:var(--tp-blue-400); }
.thaka-form.thaka-form .tp-hero-sub{
  position:relative; z-index:1; color:rgba(255,255,255,.82); font-size:1.02rem;
  max-width:640px; text-align:center; margin:1rem auto 0;
}

/* ---------- section shell ---------- */
.thaka-form.thaka-form .tp-section{ padding:3.5rem 0 5rem; }

/* ---------- form shell ---------- */
.thaka-form.thaka-form .tp-form-shell{
  max-width:900px; margin:-3.2rem auto 0;
  background:#fff; border-radius:24px;
  box-shadow:0 24px 60px rgba(74,42,99,.14);
  padding:2rem 2rem 1.6rem;
  position:relative; z-index:2;
}

/* ---------- stepper ---------- */
.thaka-form.thaka-form .tp-stepper{ margin-bottom:2.2rem; }
.thaka-form.thaka-form .tp-stepper-track{ position:relative; height:4px; background:var(--tp-purple-100); border-radius:99px; margin-bottom:1.2rem; }
.thaka-form.thaka-form .tp-stepper-fill{ position:absolute; top:0; right:0; height:100%; width:0%; background:linear-gradient(90deg, var(--tp-blue-500), var(--tp-purple-700)); border-radius:99px; transition:width .35s ease; }
.thaka-form.thaka-form .tp-stepper-items{ display:flex; justify-content:space-between; gap:.25rem; }
.thaka-form.thaka-form .tp-step-item{
  flex:1; display:flex; flex-direction:column; align-items:center; gap:.4rem;
  background:none; border:0; cursor:pointer; padding:.2rem; opacity:.45; transition:opacity .25s ease;
}
.thaka-form.thaka-form .tp-step-item.is-active,
.thaka-form.thaka-form .tp-step-item.is-done{ opacity:1; }
.thaka-form.thaka-form .tp-step-circle{
  width:38px; height:38px; border-radius:50%;
  background:var(--tp-purple-100); color:var(--tp-purple-700);
  display:flex; align-items:center; justify-content:center; font-size:.95rem;
  transition:background .25s ease, color .25s ease;
}
.thaka-form.thaka-form .tp-step-item.is-active .tp-step-circle{ background:var(--tp-purple-700); color:#fff; }
.thaka-form.thaka-form .tp-step-item.is-done .tp-step-circle{ background:var(--tp-blue-500); color:#fff; }
.thaka-form.thaka-form .tp-step-text{ font-size:.72rem; font-weight:700; color:var(--tp-slate-500); text-align:center; }
.thaka-form.thaka-form .tp-step-item.is-active .tp-step-text{ color:var(--tp-ink-900); }
.thaka-form.thaka-form .tp-stepper-mobile{ display:none; text-align:center; font-size:.85rem; font-weight:700; color:var(--tp-purple-700); margin-top:.6rem; }

/* ---------- panels ---------- */
.thaka-form.thaka-form .tp-step-panel{ display:none; animation:tpFade .35s ease; }
.thaka-form.thaka-form .tp-step-panel.is-active{ display:block; }
@keyframes tpFade{ from{ opacity:0; transform:translateY(8px);} to{ opacity:1; transform:translateY(0);} }
.thaka-form.thaka-form .tp-panel-title{
  display:flex; align-items:center; gap:.6rem; font-size:1.1rem; font-weight:800;
  color:var(--tp-purple-700); margin-bottom:1.3rem; padding-bottom:.9rem;
  border-bottom:1px solid rgba(74,42,99,.1);
}
.thaka-form.thaka-form .tp-panel-title--spaced{ margin-top:2rem; }
.thaka-form.thaka-form .tp-panel-title i{ color:var(--tp-blue-500); }
.thaka-form.thaka-form .tp-panel-hint{ font-size:.85rem; color:var(--tp-slate-500); margin-bottom:.9rem; }

/* ---------- fields ---------- */
.thaka-form.thaka-form .tp-field{ display:flex; flex-direction:column; gap:.4rem; margin-bottom:.3rem; }
.thaka-form.thaka-form .tp-field label{ font-size:.88rem; font-weight:700; color:var(--tp-ink-900); }
.thaka-form.thaka-form .tp-req{ color:var(--tp-red-500); }
.thaka-form.thaka-form .tp-input{
  width:100%; padding:.75rem 1rem; border-radius:12px;
  border:1.5px solid rgba(74,42,99,.15); background:var(--tp-cream-50);
  font-size:.95rem; color:var(--tp-ink-900); transition:border-color .2s ease, box-shadow .2s ease;
}
.thaka-form.thaka-form .tp-input:focus{ outline:none; border-color:var(--tp-blue-500); box-shadow:0 0 0 4px rgba(48,155,212,.12); background:#fff; }
.thaka-form.thaka-form select.tp-select{ appearance:none; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9'><path d='M1 1l6 6 6-6' stroke='%236C6478' stroke-width='2' fill='none' fill-rule='evenodd'/></svg>"); background-repeat:no-repeat; background-position:left 1rem center; padding-left:2.2rem; }
.thaka-form.thaka-form .tp-textarea{ resize:vertical; min-height:110px; }
.thaka-form.thaka-form .tp-input.tp-invalid{ border-color:var(--tp-red-500); box-shadow:0 0 0 4px rgba(214,69,69,.1); }

/* ---------- pill choices (radio / checkbox) ---------- */
.thaka-form.thaka-form .tp-choice-group{ display:flex; flex-wrap:wrap; gap:.6rem; }
.thaka-form.thaka-form .tp-checkbox-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:.7rem; margin-bottom:1rem; }
.thaka-form.thaka-form .tp-choice{
  position:relative; display:flex; align-items:center; gap:.5rem;
  padding:.65rem 1.1rem; border-radius:999px; border:1.5px solid rgba(74,42,99,.15);
  background:var(--tp-cream-50); font-size:.88rem; font-weight:700; color:var(--tp-slate-500);
  cursor:pointer; transition:all .2s ease; user-select:none;
}
.thaka-form.thaka-form .tp-choice--block{ border-radius:12px; justify-content:flex-start; }
.thaka-form.thaka-form .tp-choice input{ position:absolute; opacity:0; width:1px; height:1px; }
.thaka-form.thaka-form .tp-choice i{ color:var(--tp-purple-700); }
.thaka-form.thaka-form .tp-choice.is-checked{ background:var(--tp-purple-700); border-color:var(--tp-purple-700); color:#fff; }
.thaka-form.thaka-form .tp-choice.is-checked i{ color:#fff; }
.thaka-form.thaka-form .tp-choice.tp-invalid{ border-color:var(--tp-red-500); }
.thaka-form.thaka-form .tp-field--conditional{ display:none; margin-bottom:1rem; }
.thaka-form.thaka-form .tp-field--conditional.is-shown{ display:flex; }
.thaka-form.thaka-form .tp-field-error{ display:none; color:var(--tp-red-500); font-size:.82rem; margin:-.4rem 0 1rem; }
.thaka-form.thaka-form .tp-field-error.is-shown{ display:block; }

/* ---------- dropzone ---------- */
.thaka-form.thaka-form .tp-dropzone{
  display:flex; flex-direction:column; align-items:center; gap:.4rem;
  border:2px dashed rgba(74,42,99,.25); border-radius:var(--tp-radius);
  padding:2.2rem 1rem; text-align:center; cursor:pointer; transition:border-color .2s ease, background .2s ease;
  margin-bottom:1rem;
}
.thaka-form.thaka-form .tp-dropzone:hover, .thaka-form.thaka-form .tp-dropzone.is-drag{ border-color:var(--tp-blue-500); background:var(--tp-purple-100); }
.thaka-form.thaka-form .tp-dropzone i{ font-size:1.8rem; color:var(--tp-purple-700); margin-bottom:.3rem; }
.thaka-form.thaka-form .tp-dropzone strong{ font-size:.95rem; }
.thaka-form.thaka-form .tp-dropzone span{ font-size:.8rem; color:var(--tp-slate-500); }
.thaka-form.thaka-form .tp-file-list{ display:flex; flex-direction:column; gap:.5rem; margin-bottom:1.5rem; }
.thaka-form.thaka-form .tp-file-list li{
  display:flex; align-items:center; justify-content:space-between; gap:.6rem;
  background:var(--tp-cream-50); border-radius:10px; padding:.55rem .9rem; font-size:.85rem;
}
.thaka-form.thaka-form .tp-file-list li span{ display:flex; align-items:center; gap:.5rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.thaka-form.thaka-form .tp-file-list button{ background:none; border:0; color:var(--tp-red-500); cursor:pointer; font-size:.9rem; }

/* ---------- ack + review note ---------- */
.thaka-form.thaka-form .tp-ack{ display:flex; align-items:flex-start; gap:.7rem; font-size:.9rem; cursor:pointer; margin-bottom:1.2rem; }
.thaka-form.thaka-form .tp-ack input{ margin-top:.25rem; width:18px; height:18px; accent-color:var(--tp-purple-700); flex:0 0 auto; }
.thaka-form.thaka-form .tp-review-note{
  display:flex; gap:.7rem; align-items:flex-start;
  background:var(--tp-purple-100); border-radius:14px; padding:1rem 1.2rem; font-size:.85rem; color:var(--tp-purple-800);
}
.thaka-form.thaka-form .tp-review-note i{ color:var(--tp-purple-700); margin-top:.15rem; }

/* ---------- success ---------- */
.thaka-form.thaka-form .tp-success{ text-align:center; padding:1.5rem 0 .5rem; }
.thaka-form.thaka-form .tp-success-icon{ font-size:3.4rem; color:var(--tp-blue-500); margin-bottom:1rem; }
.thaka-form.thaka-form .tp-success h3{ font-size:1.35rem; font-weight:800; margin-bottom:.7rem; }
.thaka-form.thaka-form .tp-success p{ color:var(--tp-slate-500); font-size:.92rem; max-width:480px; margin:0 auto .6rem; }
.thaka-form.thaka-form .tp-success-note{ font-size:.85rem; }
.thaka-form.thaka-form .tp-success-note a{ color:var(--tp-purple-700); font-weight:700; text-decoration:underline; }
.thaka-form.thaka-form .tp-success .tp-btn{ margin:1.2rem auto 0; }

/* ---------- nav buttons ---------- */
.thaka-form.thaka-form .tp-form-nav{ display:flex; justify-content:space-between; gap:1rem; margin-top:2rem; padding-top:1.5rem; border-top:1px solid rgba(74,42,99,.1); }
.thaka-form.thaka-form .tp-btn{ display:inline-flex; align-items:center; justify-content:center; gap:.5rem; padding:.85rem 1.6rem; border-radius:12px; font-weight:800; font-size:.92rem; border:2px solid transparent; cursor:pointer; transition:transform .2s ease, box-shadow .2s ease, background .2s ease; }
.thaka-form.thaka-form .tp-btn-primary-form{ background:var(--tp-purple-700); color:#fff; margin-inline-start:auto; box-shadow:0 10px 22px rgba(118,72,150,.28); }
.thaka-form.thaka-form .tp-btn-primary-form:hover{ transform:translateY(-2px); box-shadow:0 14px 28px rgba(118,72,150,.36); }
.thaka-form.thaka-form .tp-btn-outline-form{ background:#fff; color:var(--tp-slate-500); border-color:rgba(74,42,99,.15); }
.thaka-form.thaka-form .tp-btn-outline-form:hover{ border-color:var(--tp-purple-700); color:var(--tp-purple-700); }
.thaka-form.thaka-form .tp-btn-outline-form:disabled{ opacity:.4; cursor:not-allowed; }
.thaka-form.thaka-form .tp-btn:disabled{ opacity:.5; cursor:not-allowed; transform:none; box-shadow:none; }

/* ---------- responsive ---------- */
@media (max-width:767px){
  .thaka-form.thaka-form .tp-form-shell{ padding:1.4rem 1.1rem 1.2rem; border-radius:18px; margin-top:-2rem; }
  .thaka-form.thaka-form .tp-step-text{ display:none; }
  .thaka-form.thaka-form .tp-stepper-mobile{ display:block; }
  .thaka-form.thaka-form .tp-checkbox-grid{ grid-template-columns:1fr 1fr; }
  .thaka-form.thaka-form .tp-hero{ padding:3.5rem 0 4.5rem; }
}
@media (max-width:480px){
  .thaka-form.thaka-form .tp-checkbox-grid{ grid-template-columns:1fr; }
}

/* ---------- alert (AJAX errors) ---------- */
.thaka-form.thaka-form .tp-form-alert{
  display:none; margin:1.2rem 0 0; padding:.85rem 1.1rem; border-radius:12px;
  background:rgba(214,69,69,.08); border:1px solid rgba(214,69,69,.35);
  color:var(--tp-red-500); font-size:.88rem; font-weight:700;
}
.thaka-form.thaka-form .tp-form-alert.is-shown{ display:block; }
.thaka-form.thaka-form .tp-btn .fa-spin{ animation:tpSpin 1s linear infinite; }
@keyframes tpSpin{ to{ transform:rotate(360deg); } }

/* Invalid acknowledgement box */
.thaka-form.thaka-form .tp-ack.tp-invalid {
	border: 1px solid #e04141;
	border-radius: 12px;
	padding: 10px 12px;
	background: rgba(224, 65, 65, 0.06);
}


/* ---------- v1.2: no-JavaScript wizard ---------- */
.thaka-form.thaka-form .tp-form-alert-line{ display:block; }
.thaka-form.thaka-form .tp-file-input{
	display:block; width:100%; margin-top:.75rem; padding:.5rem;
	border:1px dashed rgba(0,0,0,.2); border-radius:.5rem; background:#fff;
	font-family:inherit; cursor:pointer;
}
.thaka-form.thaka-form .tp-step-item[disabled]{ opacity:.55; cursor:not-allowed; }
.thaka-form.thaka-form .tp-btn.is-busy{ opacity:.7; pointer-events:none; }
.thaka-form.thaka-form .tp-reveal{ opacity:1; transform:none; }
.thaka-form.thaka-form .tp-default-submit{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); border:0; }


/* ---------- multiple forms / conditional blocks ---------- */
.thaka-form.thaka-form .tp-block{ display:block; width:100%; }
.thaka-form.thaka-form .tp-block.tp-field--conditional{ display:none; }
.thaka-form.thaka-form .tp-block.tp-field--conditional.is-shown{ display:block; }
.thaka-form.thaka-form .tp-field.tp-field--conditional{ display:none; }
.thaka-form.thaka-form .tp-field.tp-field--conditional.is-shown{ display:flex; }
.thaka-form.thaka-form .tp-hint{ font-size:.78rem; color:var(--tp-slate-500); font-weight:500; }
