.subscription-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0;padding:18px;border:1px solid #32323b;border-radius:16px;background:linear-gradient(135deg,#171722,#101015)}.subscription-card span{display:block;color:#ff8d64;font-size:12px;font-weight:800;text-transform:uppercase}.subscription-card strong{display:block;margin:4px 0;font-size:27px}.subscription-card strong small{font-size:13px;color:#92929e}.subscription-card p{margin:0;color:#92929e;font-size:13px}.subscription-card button{width:auto;margin:0;white-space:nowrap}.payment-modal{width:min(560px,calc(100% - 28px));padding:0;border:1px solid #3a3a48;border-radius:18px;background:#171723;color:#fff;box-shadow:0 30px 100px #000b}.payment-modal::backdrop{background:#050509c7;backdrop-filter:blur(6px)}.payment-head{display:flex;align-items:center;justify-content:space-between;padding:17px 24px;background:#38385d}.payment-head h2{margin:0;font-size:19px}.payment-head .icon{font-size:23px;color:#9292bd}.payment-body{padding:24px}.payment-body dl{display:grid;grid-template-columns:170px 1fr;gap:10px 16px;margin:0}.payment-body dt{color:#9292bd}.payment-body dd{text-align:right;margin:0;overflow-wrap:anywhere}.payment-total{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:18px;border-top:1px solid #3a3a48}.payment-total strong{font-size:24px}.payment-note{color:#a9a9b5;font-size:12px}.payment-submit{width:100%;margin-top:10px}.payment-submit:disabled{cursor:not-allowed;opacity:.58}@media(max-width:560px){.subscription-card{align-items:stretch;flex-direction:column}.subscription-card button{width:100%}.payment-body dl{grid-template-columns:1fr;gap:2px}.payment-body dd{text-align:left;margin-bottom:10px}}