.pay-page{--pgreen:#15803d;--pgreen-dark:#166534;--pgreen-tint:#f0fdf4;--pgreen-tint-2:#d9f3e6;--bkash:#e2136e;--pink:#0e1b2c;--pnavy:#0e1b2c;--pmuted:#475569;--pline:#e9ecf1;--pbg:#f7f8fa;--pcard:#fff;--p-sh-sm:0 1px 2px #1018280a;--p-sh-md:0 1px 3px #1018280d,0 12px 28px -18px #10182838;background:var(--pbg);color:var(--pink);padding:44px 20px 64px;font-family:Poppins,Hind Siliguri,system-ui,sans-serif;line-height:1.55}.pay-page *{box-sizing:border-box}.pay-page .wrap{max-width:1060px;margin:0 auto}.pay-page h1,.pay-page h2,.pay-page h3{letter-spacing:-.02em;color:var(--pink);font-family:Poppins,Hind Siliguri,sans-serif}.pay-page .head{text-align:center;margin-bottom:36px}.pay-page .head h1{font-size:33px;font-weight:700}.pay-page .head .secure{color:var(--pmuted);background:var(--pcard);border:1px solid var(--pline);box-shadow:var(--p-sh-sm);border-radius:999px;align-items:center;gap:7px;margin-top:12px;padding:7px 15px;font-size:13.5px;display:inline-flex}.pay-page .head .secure svg{width:14px;height:14px;stroke:var(--pgreen);fill:none;stroke-width:2px}.pay-page .checkout{grid-template-columns:1.4fr 1fr;align-items:start;gap:24px;display:grid}@media (width<=900px){.pay-page .checkout{grid-template-columns:1fr}}.pay-page .pcard{background:var(--pcard);border:1px solid var(--pline);box-shadow:var(--p-sh-md);border-radius:18px}.pay-page .step{margin-bottom:20px;padding:26px 26px 24px}.pay-page .step-h{align-items:center;gap:12px;margin-bottom:20px;display:flex}.pay-page .step-h .n{background:var(--pink);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;display:flex}.pay-page .step-h h3{font-size:17px;font-weight:600}.pay-page .step-h .sub{color:var(--pmuted);margin-top:1px;font-size:13px}.pay-page .plans{gap:11px;display:grid}.pay-page .opt{text-align:left;border:1.5px solid var(--pline);cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:14px;width:100%;padding:16px 18px;font-family:inherit;transition:all .15s;display:flex}.pay-page .opt:hover{background:#fcfdfe;border-color:#cdd4de;box-shadow:0 8px 20px -14px #1018284d}.pay-page .opt.sel{border-color:var(--pgreen);background:var(--pgreen-tint);box-shadow:0 0 0 3px #15803d17}.pay-page .oicon{background:var(--pgreen-tint);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .15s;display:flex}.pay-page .oicon svg{width:22px;height:22px;stroke:var(--pgreen-dark);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.pay-page .opt.sel .oicon{background:#fff}.pay-page .opt .radio{border:2px solid #cdd4de;border-radius:50%;flex-shrink:0;width:22px;height:22px;transition:all .15s;position:relative}.pay-page .opt.sel .radio{border-color:var(--pgreen);background:var(--pgreen)}.pay-page .opt.sel .radio:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:5px}.pay-page .opt .body{flex:1;min-width:0}.pay-page .opt .pt{color:var(--pink);font-family:Poppins,sans-serif;font-size:15px;font-weight:600;line-height:1.3;display:block}.pay-page .opt .pd{color:var(--pmuted);margin-top:4px;font-size:12.5px;display:block}.pay-page .opt .from{text-align:right;flex-shrink:0}.pay-page .opt .from .fl{color:var(--pmuted);font-size:11px}.pay-page .opt .from .fp{color:var(--pink);font-family:Poppins,sans-serif;font-size:15px;font-weight:700}.pay-page .terms{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}@media (width<=520px){.pay-page .terms{grid-template-columns:1fr}}.pay-page .term{border:1.5px solid var(--pline);cursor:pointer;text-align:center;background:#fff;border-radius:14px;padding:16px 12px;font-family:inherit;transition:all .15s;position:relative}.pay-page .term:hover{border-color:#cdd4de}.pay-page .term.sel{border-color:var(--pgreen);background:var(--pgreen-tint)}.pay-page .term .tl{color:var(--pmuted);text-transform:uppercase;letter-spacing:.03em;font-size:12.5px;font-weight:600}.pay-page .term .tp{color:var(--pink);margin-top:5px;font-family:Poppins,sans-serif;font-size:21px;font-weight:700}.pay-page .term .tn{color:var(--pmuted);margin-top:4px;font-size:11px;line-height:1.3}.pay-page .term .tbadge{background:var(--pgreen);color:#fff;white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.pay-page .empty{color:var(--pmuted);text-align:center;padding:14px 0;font-size:13.5px}.pay-page .pay{border:1.5px solid var(--pline);cursor:pointer;border-radius:14px;margin-bottom:11px;padding:16px 18px;transition:all .15s}.pay-page .pay:hover{border-color:#cdd4de}.pay-page .pay.sel.bkash{border-color:var(--bkash)}.pay-page .pay .ph{align-items:center;gap:11px;display:flex}.pay-page .pay .logo{color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:30px;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;display:flex}.pay-page .pay.bkash .logo{background:var(--bkash)}.pay-page .pay .pname{color:var(--pink);font-family:Poppins,sans-serif;font-size:15px;font-weight:600}.pay-page .pay .psub{color:var(--pmuted);margin-top:1px;font-size:12.5px}.pay-page .pay .radio{border:2px solid #cdd4de;border-radius:50%;flex-shrink:0;width:20px;height:20px;margin-left:auto;position:relative}.pay-page .pay.sel.bkash .radio{border-color:var(--bkash);background:var(--bkash)}.pay-page .pay.sel .radio:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:4px}.pay-page .pbody{max-height:0;transition:max-height .25s;overflow:hidden}.pay-page .pay.sel .pbody{max-height:260px}.pay-page .pbody-in{background:#f8fafc;border-radius:11px;margin-top:15px;padding:15px 16px}.pay-page .prow{justify-content:space-between;align-items:center;gap:12px;padding:6px 0;font-size:14px;display:flex}.pay-page .prow+.prow{border-top:1px solid var(--pline)}.pay-page .prow .k{color:var(--pmuted)}.pay-page .prow .v{color:var(--pink);align-items:center;gap:9px;font-weight:600;display:flex}.pay-page .copy{border:1px solid var(--pline);color:var(--pgreen-dark);cursor:pointer;background:#fff;border-radius:7px;padding:4px 10px;font-family:inherit;font-size:11.5px;font-weight:600;transition:all .12s}.pay-page .copy:hover{background:var(--pgreen-tint);border-color:var(--pgreen-tint-2)}.pay-page .pnote{color:var(--pmuted);margin-top:12px;font-size:12.5px;line-height:1.5}.pay-page .pay-ok{text-align:center;color:var(--pgreen-dark);background:var(--pgreen-tint);border:1px solid var(--pgreen-tint-2);border-radius:12px;margin-top:12px;padding:12px 14px;font-size:13.5px;font-weight:600;line-height:1.5}.pay-page .pay-err{text-align:center;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-top:12px;padding:11px 14px;font-size:13px;font-weight:600;line-height:1.5}.pay-page .field{margin-bottom:14px}.pay-page .field label{color:var(--pink);margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.pay-page .field input{border:1.5px solid var(--pline);width:100%;color:var(--pink);background:#fcfdfe;border-radius:11px;padding:12px 14px;font-family:inherit;font-size:14.5px;transition:all .15s}.pay-page .field input::placeholder{color:#9aa3b2}.pay-page .field input:focus{border-color:var(--pgreen);box-shadow:0 0 0 4px var(--pgreen-tint-2);background:#fff;outline:none}.pay-page .grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=520px){.pay-page .grid2{grid-template-columns:1fr}}.pay-page .otp-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pay-page .otp-btn{border:1.5px solid var(--pgreen);background:var(--pgreen-tint);color:var(--pgreen-dark);cursor:pointer;border-radius:11px;flex-shrink:0;padding:11px 18px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:all .15s}.pay-page .otp-btn:hover{background:var(--pgreen-tint-2)}.pay-page .otp-btn.alt{background:var(--pgreen);color:#fff;border-color:var(--pgreen)}.pay-page .otp-btn.alt:hover{background:var(--pgreen-dark)}.pay-page .otp-btn:disabled{opacity:.55;cursor:not-allowed}.pay-page .otp-code{border:1.5px solid var(--pline);letter-spacing:.35em;text-align:center;min-width:120px;color:var(--pink);background:#fcfdfe;border-radius:11px;flex:1;padding:11px 14px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700}.pay-page .otp-code:focus{border-color:var(--pgreen);box-shadow:0 0 0 4px var(--pgreen-tint-2);background:#fff;outline:none}.pay-page .otp-note{color:var(--pmuted);margin-top:9px;font-size:12.5px;line-height:1.5}.pay-page .otp-note.ok{color:var(--pgreen-dark);font-weight:600}.pay-page .otp-note.err{color:#dc2626;font-weight:600}.pay-page .otp-resend{color:var(--pgreen-dark);cursor:pointer;background:0 0;border:none;margin-top:8px;padding:0;font-family:inherit;font-size:12.5px;font-weight:600;text-decoration:underline}.pay-page .otp-resend:disabled{opacity:.55;cursor:not-allowed;text-decoration:none}.pay-page .otp.verified .otp-row,.pay-page .otp.verified .otp-resend{display:none}.pay-page .confirm{background:var(--pgreen);color:#fff;border-radius:13px;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:4px;padding:16px;font-family:Poppins,sans-serif;font-size:15.5px;font-weight:600;text-decoration:none;transition:all .15s;display:flex;box-shadow:0 12px 26px -14px #15803db3}.pay-page .confirm:hover{background:var(--pgreen-dark);transform:translateY(-1px)}.pay-page .confirm.off{box-shadow:none;pointer-events:none;background:#cbd5e1;transform:none}.pay-page .confirm svg{fill:#fff;width:18px;height:18px}.pay-page .setup-badge{border-radius:999px;align-items:center;gap:6px;margin-bottom:16px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.pay-page .setup-badge.dfy{background:var(--pgreen-tint);color:var(--pgreen-dark);border:1px solid var(--pgreen-tint-2)}.pay-page .setup-badge.self{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.pay-page .req-list{margin-bottom:16px;list-style:none}.pay-page .req-list li{color:#374151;margin-bottom:10px;padding-left:28px;font-size:14px;line-height:1.4;position:relative}.pay-page .req-list li:before{content:"";background:var(--pgreen-tint-2);border-radius:50%;width:18px;height:18px;position:absolute;top:2px;left:0}.pay-page .req-list li:after{content:"✓";color:var(--pgreen-dark);font-size:10px;font-weight:700;position:absolute;top:2px;left:4px}.pay-page .req-support{border:1px solid var(--pline);color:var(--pmuted);background:#f8fafc;border-radius:12px;padding:14px 16px;font-size:13.5px;line-height:1.55}.pay-page .req-support b{color:var(--pink)}.pay-page .summary{position:sticky;top:20px;overflow:hidden}.pay-page .sum-top{background:var(--pnavy);color:#fff;padding:22px 24px}.pay-page .sum-top .lbl{letter-spacing:.09em;text-transform:uppercase;color:#93a0b8;font-size:12px;font-weight:600}.pay-page .sum-top .plan{margin-top:8px;font-family:Poppins,sans-serif;font-size:19px;font-weight:600;line-height:1.25}.pay-page .sum-top .term{color:#86efac;background:#22c55e24;border:1px solid #22c55e4d;border-radius:10px;margin-top:12px;padding:9px 13px;font-size:13px;font-weight:600;line-height:1.45;display:inline-block}.pay-page .sum-body{padding:22px 24px}.pay-page .sum-body .h{letter-spacing:.06em;text-transform:uppercase;color:var(--pmuted);margin-bottom:14px;font-size:11.5px;font-weight:700}.pay-page .sum-feats{margin-bottom:20px;list-style:none}.pay-page .sum-feats li{color:#374151;margin-bottom:11px;padding-left:27px;font-size:13.5px;line-height:1.4;position:relative}.pay-page .sum-feats li:before{content:"";background:var(--pgreen-tint-2);border-radius:50%;width:18px;height:18px;position:absolute;top:2px;left:0}.pay-page .sum-feats li:after{content:"✓";color:var(--pgreen-dark);text-align:center;width:10px;font-size:10px;font-weight:700;position:absolute;top:2px;left:4px}.pay-page .sum-total{background:var(--pgreen-tint);border:1px solid var(--pgreen-tint-2);border-radius:13px;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.pay-page .sum-total .l{color:var(--pnavy);font-family:Poppins,sans-serif;font-size:15px;font-weight:600}.pay-page .sum-total .a{color:var(--pgreen-dark);font-family:Poppins,sans-serif;font-size:26px;font-weight:700}.pay-page .breakdown{border:1px solid var(--pline);background:#f8fafc;border-radius:12px;margin-bottom:16px;padding:14px 16px}.pay-page .brow{color:#374151;justify-content:space-between;gap:12px;padding:6px 0;font-size:13.5px;display:flex}.pay-page .brow+.brow{border-top:1px dashed #e2e6ec}.pay-page .brow span:last-child{color:var(--pink);white-space:nowrap;font-weight:700}.pay-page .brow.disc span:last-child{color:var(--pgreen-dark)}.pay-page .renew-box{background:var(--pgreen-tint);border:1px solid var(--pgreen-tint-2);color:#374151;text-align:center;border-radius:12px;margin-top:12px;padding:13px 15px;font-size:13px;line-height:1.5}.pay-page .renew-box b{color:var(--pgreen-dark);font-size:15px}.pay-page .sum-note{color:var(--pmuted);text-align:center;margin-top:12px;font-size:12px;line-height:1.5}.pay-page .sum-empty{text-align:center;color:var(--pmuted);padding:40px 24px;font-size:14px}