.auth-title{margin:10px 0 0;font-size:clamp(36px,5vw,54px);line-height:1.05;letter-spacing:-.04em;background:var(--silver-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.price-box,.membership-note{border:1px solid var(--border);border-radius:20px;background:#070707;margin-top:24px;padding:22px}.price-box span{display:block;color:var(--muted);font-weight:800}.price-box strong{display:block;margin-top:8px;color:var(--success);font-size:34px}.price-box small{font-size:16px;color:var(--muted)}.membership-note{display:grid;gap:10px;text-align:left;color:var(--muted);line-height:1.65}.payment-btn{margin-top:24px}.payment-card .xn-button{margin-top:14px}

/* Xniffer premium color refinement */
.price-box strong{color:var(--strong-red)!important}


/* Xniffer V12 payment visual */
.payment-visual-card{
  margin:24px 0 0;
  overflow:hidden;
  border:1px solid rgba(0,255,136,.18);
  border-radius:22px;
  background:#050505;
  aspect-ratio:16/9;
  box-shadow:0 18px 50px rgba(0,0,0,.32);
}
.payment-visual-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.payment-agreement{display:flex;align-items:flex-start;gap:10px;margin:18px 0 14px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.045);color:var(--muted);font-size:12px;line-height:1.55;text-align:left}.payment-agreement input{margin-top:3px;accent-color:#02b7fe}.payment-btn:disabled{opacity:.55;cursor:not-allowed}


/* V23.12 Prime verification gate */
.prime-verification-gate{border-color:rgba(255,209,102,.26)!important;background:linear-gradient(145deg,rgba(255,209,102,.08),rgba(2,183,254,.035))!important;}
.prime-verification-gate strong{display:block;color:#ffe58a;font-size:18px;margin-bottom:8px;}
.prime-verification-gate[data-state="verified"]{border-color:rgba(114,255,159,.24)!important;background:linear-gradient(145deg,rgba(114,255,159,.10),rgba(2,183,254,.035))!important;}
.prime-verification-gate[data-state="verified"] strong{color:#8af8ac;}

/* v26 dynamic Razorpay selected-plan payment */
.selected-payment-plan{
  position:relative;
  display:grid;
  gap:5px;
  margin:20px 0 14px;
  padding:20px;
  border-radius:24px;
  border:1px solid rgba(76,207,255,.28);
  background:linear-gradient(135deg, rgba(10,26,52,.86), rgba(2,8,20,.94));
  box-shadow:0 20px 54px rgba(0,126,255,.18), inset 0 0 36px rgba(45,174,255,.08);
  overflow:hidden;
}
.selected-payment-plan:before{content:"";position:absolute;inset:-60% -20%;background:radial-gradient(circle at 15% 15%, rgba(0,190,255,.24), transparent 34%),radial-gradient(circle at 90% 25%, rgba(0,255,169,.14), transparent 35%);pointer-events:none;}
.selected-payment-plan span,.selected-payment-plan strong,.selected-payment-plan small{position:relative;z-index:1;}
.selected-payment-plan span{color:#7fdcff;text-transform:uppercase;letter-spacing:.14em;font-weight:900;font-size:.78rem;}
.selected-payment-plan strong{font-size:2.6rem;color:#fff;letter-spacing:-.06em;}
.selected-payment-plan small{color:#a8b9cf;}
.payment-plan-includes{display:grid;gap:8px;margin:0 0 16px;}
.payment-plan-includes p{margin:0;padding:10px 12px;border:1px solid rgba(122,206,255,.14);border-radius:14px;background:rgba(255,255,255,.035);color:#dceaff;font-size:.9rem;}
.payment-plan-includes p:before{content:"✓ ";color:#42ffb4;font-weight:900;}

/* v27: OTP already captured legal consent, so auto-open checkout does not show a second confirmation wall. */
.payment-agreement.auto-accepted{display:none!important;}
.payment-card::after{content:'OTP verified · Payment checkout';display:block;margin-top:14px;color:#8fdcff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;opacity:.85;}