.pay-card{
  margin-top:24px;padding:28px;border-radius:28px;
  border:1px solid rgba(100,151,255,.2);
  background:linear-gradient(145deg,#101e3d,#0b1429);
  box-shadow:0 24px 65px rgba(0,0,0,.22);
}
.pay-card[hidden]{display:none!important}
.pay-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.pay-card h2{margin:0;color:#f7faff;font-size:24px;letter-spacing:-.6px}
.pay-caption{margin:10px 0 22px;color:#91a1bd;font-size:14px;line-height:1.65}
.pay-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;
  border:0;padding:0;margin:0 0 18px}
.pay-plans legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.pay-plan{position:relative;display:flex;flex-direction:column;gap:10px;
  border:1px solid #253757;border-radius:18px;padding:18px 14px;
  background:#0b1630;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.pay-plan:has(input:checked){border-color:#3977ff;background:#142b55;transform:translateY(-2px)}
.pay-plan:has(input:focus-visible){outline:2px solid #21d7ff;outline-offset:3px}
.pay-plan input{position:absolute;opacity:0;width:1px;height:1px}
.pay-plan strong{font-size:23px;color:#f7faff;white-space:nowrap}
.pay-plan span{font-size:13px;color:#b3c2db}
.pay-plan small{font-size:11px;color:#91a1bd}
.pay-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.pay-actions button,.pay-actions a{min-height:46px}
.pay-status{margin:18px 0 0;color:#aebed7;font-size:14px;line-height:1.6;
  overflow-wrap:anywhere}
.pay-status.bad{color:#ff9baa}
.pay-status.good{color:#39e79b}
.pay-note{color:#8093b3;font-size:12px;line-height:1.7;margin:16px 0 0}
.pay-history{border-top:1px solid #20304d;margin-top:24px;padding-top:18px}
.pay-history h3{font-size:14px;color:#aebed7;margin:0 0 12px}
.pay-history-row{display:flex;justify-content:space-between;gap:12px;
  align-items:center;padding:12px 0;border-bottom:1px solid rgba(92,118,161,.13)}
.pay-history-row span{font-size:12px;color:#91a1bd;line-height:1.6}
.pay-history-row strong{display:block;font-size:14px;color:#e7efff}
.pay-history-row button{font:inherit;font-size:12px;color:#a9c7ff;
  border:1px solid #2b4268;border-radius:10px;padding:8px 10px;
  background:#101e39;cursor:pointer}
.pay-support{color:#a9c7ff;font-size:13px;margin-top:12px;display:inline-block}
@media(max-width:700px){
  .pay-card{padding:22px;border-radius:23px}
  .pay-plans{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pay-card h2{font-size:22px}
  .pay-actions>*{width:100%;text-align:center}
}
@media(prefers-reduced-motion:reduce){.pay-plan{transition:none;transform:none!important}}

/* TORVPN ACCOUNT UX V7 */
#account-renew-top{font-size:12px;letter-spacing:.035em}
.pay-card:focus{outline:none}
.device-collapse-controls{display:flex;justify-content:flex-end;margin:12px 0}
.device-collapse-controls button{font-size:12px;min-height:38px}
#account-device-content[hidden]{display:none!important}
.pay-order-dialog{
  width:min(520px,calc(100vw - 32px));max-height:85vh;overflow:auto;
  box-sizing:border-box;padding:26px;border-radius:24px;
  border:1px solid #30486c;background:#0c1730;color:#f7faff;
  box-shadow:0 35px 110px rgba(0,0,0,.6);
  font-family:inherit;
}
.pay-order-dialog::backdrop{background:rgba(2,7,17,.78);backdrop-filter:blur(7px)}
.pay-order-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.pay-order-heading h2{margin:0;font-size:23px}
#pay-order-close{background:#172844;color:#dce9ff;border:1px solid #30466b;
  width:38px;height:38px;border-radius:12px;cursor:pointer;font-size:25px}
#pay-order-fields{display:grid;grid-template-columns:115px 1fr;gap:12px;margin:24px 0}
#pay-order-fields dt{font-size:12px;color:#91a1bd}
#pay-order-fields dd{margin:0;font-size:13px;color:#edf4ff;overflow-wrap:anywhere}
#pay-order-message{font-size:13px;color:#aebed7;line-height:1.7;margin-bottom:20px}
.pay-order-dialog .pay-actions>*{font-size:13px}
@media(max-width:500px){
  .pay-order-dialog{padding:21px}
  #pay-order-fields{grid-template-columns:1fr;gap:5px}
  #pay-order-fields dd{margin-bottom:10px}
}


/* TORVPN RENEW TYPOGRAPHY FIX */
#account-renew-top {
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    font-style: normal !important;
    line-height: normal !important;
}