/* Home hero with panel-access card (theme-independent, matches global header/footer palette).
   The card's "fields" are links to the WhatsApp ID desk — nothing is typed or collected here.
   Tabs are CSS-only (radio + :checked), so they work under the CSP without extra script. */
.gxp-hero{position:relative;overflow:hidden;background:radial-gradient(900px 480px at 85% 10%,rgba(70,227,139,.14),transparent 60%),radial-gradient(700px 420px at 0% 100%,rgba(37,99,235,.12),transparent 60%),#0b1120;border-bottom:1px solid #243049;padding:56px 16px 64px;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#dee2f5}
.gxp-wrap{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}
.gxp-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:6px 12px;border:1px solid rgba(70,227,139,.35);border-radius:999px;background:rgba(70,227,139,.08);color:#46e38b;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.gxp-dot{width:8px;height:8px;border-radius:50%;background:#46e38b;box-shadow:0 0 0 0 rgba(70,227,139,.6);animation:gxp-ping 2s infinite}
@keyframes gxp-ping{0%{box-shadow:0 0 0 0 rgba(70,227,139,.55)}70%{box-shadow:0 0 0 10px rgba(70,227,139,0)}100%{box-shadow:0 0 0 0 rgba(70,227,139,0)}}
.gxp-hero h1{font-family:Poppins,Montserrat,Inter,sans-serif;font-weight:800;font-size:clamp(2rem,4.2vw,3.25rem);line-height:1.12;color:#fff;margin:0 0 18px;letter-spacing:-.01em}
.gxp-hero h1 span{color:#46e38b}
.gxp-lead{font-size:1.075rem;line-height:1.7;color:#c7cee0;margin:0 0 26px;max-width:620px}
.gxp-lead strong{color:#fff}
.gxp-lead a{color:#46e38b;text-decoration:underline;text-underline-offset:2px}
.gxp-ctas{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 28px}
.gxp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border-radius:12px;font-weight:700;font-size:1rem;text-decoration:none;transition:transform .2s ease,background .2s ease}
.gxp-btn:hover{transform:translateY(-2px)}
.gxp-btn-primary{background:#46e38b;color:#00391c;box-shadow:0 0 18px rgba(70,227,139,.35)}
.gxp-btn-ghost{border:1px solid rgba(70,227,139,.45);color:#46e38b}
.gxp-btn-ghost:hover{background:rgba(70,227,139,.08)}
.gxp-stats{display:flex;flex-wrap:wrap;gap:28px;list-style:none;margin:0;padding:0}
.gxp-stats li{display:flex;flex-direction:column}
.gxp-stats b{font-family:Poppins,Montserrat,sans-serif;font-size:1.35rem;color:#fff}
.gxp-stats span{font-size:.8rem;color:#93a1bd}

/* Panel-access card */
.gxp-card{position:relative;background:linear-gradient(180deg,#131b2e,#0e1526);border:1px solid #2a3756;border-radius:20px;padding:24px;box-shadow:0 24px 60px rgba(0,0,0,.45),0 0 0 1px rgba(70,227,139,.06)}
.gxp-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.gxp-mark{font-family:Poppins,Montserrat,sans-serif;font-weight:800;font-size:1.5rem;color:#fff;letter-spacing:.02em}
.gxp-mark span{color:#46e38b}
.gxp-pill{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#46e38b;border:1px solid rgba(70,227,139,.45);border-radius:999px;padding:5px 10px}
.gxp-tab-input{position:absolute;opacity:0;pointer-events:none}
.gxp-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#0a101d;border:1px solid #243049;border-radius:12px;padding:4px;margin-bottom:18px}
.gxp-tabs label{text-align:center;padding:10px 8px;border-radius:9px;font-weight:700;font-size:.92rem;color:#93a1bd;cursor:pointer;transition:background .2s ease,color .2s ease}
#gxp-t-login:checked~.gxp-tabs label[for="gxp-t-login"],#gxp-t-new:checked~.gxp-tabs label[for="gxp-t-new"]{background:#46e38b;color:#00391c}
#gxp-t-login:focus-visible~.gxp-tabs label[for="gxp-t-login"],#gxp-t-new:focus-visible~.gxp-tabs label[for="gxp-t-new"]{outline:2px solid #46e38b;outline-offset:2px}
.gxp-pane{display:none}
#gxp-t-login:checked~.gxp-pane-login,#gxp-t-new:checked~.gxp-pane-new{display:block}
.gxp-field{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;box-sizing:border-box;margin-bottom:12px;padding:14px 16px;background:#0a101d;border:1px solid #2a3756;border-radius:10px;color:#93a1bd;font-size:.95rem;text-decoration:none;transition:border-color .2s ease,color .2s ease}
.gxp-field:hover{border-color:#46e38b;color:#dee2f5}
.gxp-field svg{flex-shrink:0;opacity:.7}
.gxp-go{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box;margin:4px 0 12px;padding:14px;border-radius:10px;background:#46e38b;color:#00391c;font-weight:800;font-size:1rem;text-decoration:none;box-shadow:0 0 18px rgba(70,227,139,.3);transition:transform .2s ease}
.gxp-go:hover{transform:translateY(-1px)}
.gxp-sub{display:flex;justify-content:space-between;gap:10px;font-size:.82rem;margin-bottom:6px}
.gxp-sub a{color:#93a1bd;text-decoration:none}
.gxp-sub a:hover{color:#46e38b}
.gxp-wa{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box;margin-top:14px;padding:12px;border-radius:10px;background:#1fa855;color:#fff;font-weight:700;text-decoration:none}
.gxp-wa:hover{background:#25d366}
.gxp-note{margin:14px 0 0;padding-top:12px;border-top:1px dashed #2a3756;font-size:.78rem;line-height:1.5;color:#93a1bd;text-align:center}
.gxp-note strong{color:#dee2f5}

@media (max-width:960px){
  /* Single column: heading, then the panel card, then the answer copy — the card stays in the first screen. */
  .gxp-wrap{grid-template-columns:1fr;gap:0}
  .gxp-copy{display:contents}
  .gxp-kicker{order:0;justify-self:start}
  .gxp-hero h1{order:1}
  .gxp-card{order:2;max-width:480px;width:100%;box-sizing:border-box;margin:6px auto 28px}
  .gxp-lead{order:3}
  .gxp-ctas{order:4}
  .gxp-stats{order:5}
}
@media (max-width:520px){
  .gxp-hero{padding:36px 16px 44px}
  .gxp-btn{flex:1 1 100%}
  .gxp-stats{gap:20px}
  .gxp-card{padding:18px}
}
@media (prefers-reduced-motion:reduce){.gxp-dot{animation:none}.gxp-btn,.gxp-go{transition:none}}