:root{--p5051-lead-bg:rgba(255,255,255,.86);} 

/* Floating button (supports both markup styles)
   - Current layout.php: <div class="p5051-lead-float"><button class="p5051-lead-float__btn">...
   - Some older layouts used <button class="p5051-lead-float">...
*/
.p5051-lead-float{
  position:fixed;right:16px;bottom:18px;z-index:9999;
  display:flex;align-items:center
}
.p5051-lead-float__btn, button.p5051-lead-float{
  border:0;border-radius:999px;padding:12px 16px;
  font-weight:800;color:#fff;cursor:pointer;
  background:linear-gradient(135deg,var(--primary,#6366f1),var(--secondary,#22d3ee));
  box-shadow:0 18px 44px rgba(2,6,23,.18);
  display:flex;align-items:center;gap:10px
}
.p5051-lead-float__btn:hover, button.p5051-lead-float:hover{filter:brightness(1.04);transform:translateY(-1px)}
.p5051-lead-float__btn:active, button.p5051-lead-float:active{transform:translateY(0)}
.p5051-lead-float__dot{width:10px;height:10px;border-radius:999px;background:radial-gradient(circle at 30% 30%, #fff, rgba(255,255,255,.15));box-shadow:0 0 0 5px rgba(34,197,94,.12);}
.p5051-lead-float__ico{width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.18)}

.p5051-lead-modal{background:var(--p5051-lead-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(15,23,42,.08);border-radius:18px;box-shadow:0 22px 70px rgba(2,6,23,.22)}
.p5051-lead-title{font-weight:900;font-size:1.1rem;background:linear-gradient(135deg,var(--headingFrom,var(--primary,#6366f1)),var(--headingTo,var(--accent,#22c55e)));-webkit-background-clip:text;background-clip:text;color:transparent}
.p5051-lead-sub{font-size:.92rem;color:rgba(15,23,42,.64)}
.p5051-lead-form .form-control,.p5051-lead-form .form-select{border-radius:14px;border:1px solid rgba(15,23,42,.12);background:rgba(255,255,255,.72)}
.p5051-lead-form .form-control:focus,.p5051-lead-form .form-select:focus{box-shadow:0 0 0 .25rem rgba(99,102,241,.12);border-color:rgba(99,102,241,.35)}

/* Submit button highlight */
.p5051-lead-submit{
  border:0;
  border-radius:14px;
  padding:10px 14px;
  font-weight:800;
  color:#fff;
  background:linear-gradient(135deg,var(--primary,#6366f1),var(--accent,#22c55e));
  box-shadow:0 14px 30px rgba(2,6,23,.16);
}
.p5051-lead-submit:hover{filter:brightness(1.04)}
.p5051-lead-msg{margin-top:10px;font-weight:700;font-size:.92rem}
.p5051-lead-msg.ok{color:#15803d}
.p5051-lead-msg.err{color:#b91c1c}
.p5051-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

@media (max-width: 520px){
  .p5051-lead-float{right:12px;bottom:12px}
  .p5051-lead-float{padding:12px 14px}
  .modal-dialog{margin:12px}
  .p5051-lead-modal{border-radius:16px}
}

@media (max-width: 380px){
  .p5051-lead-float{right:10px;bottom:10px;font-size:.92rem}
}

/* =========================================================
   Project 5051 – Blog Lead CTA Buttons (Theme Matched)
   - Buttons are <button>, no href => not crawlable
   - Uses your violet–mint glass UI
========================================================= */

/* wrapper blocks */
.p5051-cta-strip,
.p5051-cta-grid{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:10px 0;
}

/* base CTA button */
.p5051-cta-btn{
  appearance:none;
  border:1px solid rgba(99,102,241,.22) !important;
  background:linear-gradient(135deg, rgba(99,102,241,.18), rgba(34,211,238,.12)) !important;
  color:rgba(15,23,42,.92) !important;
  border-radius:999px !important;
  padding:8px 12px !important;
  font-weight:800 !important;
  font-size:12.5px !important;
  line-height:1 !important;
  cursor:pointer;
  box-shadow:0 10px 26px rgba(2,6,23,.08) !important;
  transition:transform .12s ease, box-shadow .12s ease, filter .12s ease;
  white-space:nowrap;
}
.p5051-cta-btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.03);
  box-shadow:0 14px 32px rgba(2,6,23,.12) !important;
}
.p5051-cta-btn:active{transform:translateY(0)}

/* auto theme variations (works even if no extra classes are present) */
.p5051-cta-strip .p5051-cta-btn:nth-child(6n+1),
.p5051-cta-grid  .p5051-cta-btn:nth-child(6n+1){
  background:linear-gradient(135deg, rgba(99,102,241,.20), rgba(34,211,238,.12)) !important;
}
.p5051-cta-strip .p5051-cta-btn:nth-child(6n+2),
.p5051-cta-grid  .p5051-cta-btn:nth-child(6n+2){
  background:linear-gradient(135deg, rgba(168,85,247,.18), rgba(34,211,238,.12)) !important;
  border-color:rgba(168,85,247,.24) !important;
}
.p5051-cta-strip .p5051-cta-btn:nth-child(6n+3),
.p5051-cta-grid  .p5051-cta-btn:nth-child(6n+3){
  background:linear-gradient(135deg, rgba(34,211,238,.16), rgba(16,185,129,.10)) !important;
  border-color:rgba(16,185,129,.22) !important;
}
.p5051-cta-strip .p5051-cta-btn:nth-child(6n+4),
.p5051-cta-grid  .p5051-cta-btn:nth-child(6n+4){
  background:linear-gradient(135deg, rgba(59,130,246,.16), rgba(99,102,241,.12)) !important;
  border-color:rgba(59,130,246,.22) !important;
}
.p5051-cta-strip .p5051-cta-btn:nth-child(6n+5),
.p5051-cta-grid  .p5051-cta-btn:nth-child(6n+5){
  background:linear-gradient(135deg, rgba(99,102,241,.16), rgba(16,185,129,.10)) !important;
  border-color:rgba(99,102,241,.20) !important;
}
.p5051-cta-strip .p5051-cta-btn:nth-child(6n+6),
.p5051-cta-grid  .p5051-cta-btn:nth-child(6n+6){
  background:linear-gradient(135deg, rgba(14,165,233,.16), rgba(168,85,247,.12)) !important;
  border-color:rgba(14,165,233,.22) !important;
}

/* header strip tighter */
.p5051-cta-strip.cta-header{margin-top:8px}

@media (max-width: 520px){
  .p5051-cta-btn{
    width:100%;
    justify-content:center;
    padding:10px 12px !important;
    font-size:13px !important;
  }
}

/* =========================================================
   Related Post buttons row: Left Open Article | Right Apply Now
========================================================= */
.p5051-related-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:10px;
}

/* Open article */
.p5051-related-openbtn,
.p5051-related-open{
  border:1px solid rgba(99,102,241,.24) !important;
  background:rgba(255,255,255,.78) !important;
  color:rgba(15,23,42,.88) !important;
  border-radius:999px !important;
  padding:7px 10px !important;
  font-weight:800 !important;
  font-size:12px !important;
  cursor:pointer;
}

/* Apply now (lead form) */
.p5051-related-applybtn,
.p5051-related-apply{
  border:0 !important;
  background:linear-gradient(135deg, rgba(99,102,241,.92), rgba(34,211,238,.85)) !important;
  color:#fff !important;
  border-radius:999px !important;
  padding:7px 12px !important;
  font-weight:900 !important;
  font-size:12px !important;
  cursor:pointer;
  box-shadow:0 12px 26px rgba(2,6,23,.14) !important;
}
.p5051-related-applybtn:hover,
.p5051-related-apply:hover{filter:brightness(1.03)}