.billing-page{display:grid;gap:22px}.billing-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;border-radius:24px;background:linear-gradient(135deg,#382678,#7656e8);color:#fff}.billing-hero h2{font-size:36px;margin:5px 0}.billing-hero p{margin:0;color:#e6defe}.billing-status{padding:10px 16px;border-radius:999px;font-weight:800;background:#f4c85f;color:#3b2d00}.billing-status.active{background:#c7f3dd;color:#12643b}.billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.billing-card{padding:24px;border:1px solid #e2e3ee;border-radius:22px;background:#fff;box-shadow:0 12px 35px rgba(30,27,74,.06)}.billing-card h3{margin:0 0 18px}.billing-price{font-size:34px;font-weight:900;color:#543cc5}.billing-price small{font-size:15px;color:#7e7c92}.billing-card ul{list-style:none;padding:0;display:grid;gap:11px;color:#343147}.billing-period,.billing-line,.billing-total{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-top:1px solid #ececf3}.number-summary{display:flex;align-items:baseline;gap:10px;margin:20px 0}.number-summary b{font-size:54px;color:#543cc5}.billing-total{font-size:19px}.billing-payment{grid-column:1/-1;display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:center}.robokassa-logo{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;background:#6e49df;color:#fff;font-size:28px;font-weight:900}.billing-payment p{margin:0;color:#77758a}.billing-payment small{grid-column:2/-1;color:#8b899a}.billing-payment button:disabled{opacity:.7;cursor:not-allowed}@media(max-width:800px){.billing-hero{align-items:flex-start;flex-direction:column}.billing-grid{grid-template-columns:1fr}.billing-payment{grid-column:auto;grid-template-columns:48px 1fr}.billing-payment button,.billing-payment small{grid-column:1/-1}.billing-line,.billing-total,.billing-period{align-items:flex-start;flex-direction:column}}
.billing-probe{grid-column:3;display:grid;gap:6px;justify-items:end}.billing-probe small{grid-column:auto;text-align:right}@media(max-width:800px){.billing-probe{grid-column:1/-1;justify-items:stretch}.billing-probe small{text-align:left}}