.billing-onboarding{margin:0;min-height:100vh;display:grid;place-items:center;background:#101c2a;color:#e7edf4;font:16px/1.6 system-ui,sans-serif}.billing-card{width:min(520px,calc(100vw - 80px));padding:36px;border:1px solid #35485e;border-radius:20px;background:#172638}.billing-card h1{line-height:1.2}.billing-card label{display:grid;gap:6px;margin:16px 0}.billing-card input{padding:12px;border:1px solid #52677f;border-radius:7px;background:#101c2a;color:inherit;font:inherit}.billing-card button{padding:12px 18px;border:0;border-radius:8px;background:#71e2c2;color:#102820;font:inherit;cursor:pointer}.billing-card a{color:#71e2c2}.billing-subscription-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.billing-subscription-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:20px 0}.billing-subscription-details div{padding:16px;border:1px solid var(--border-color,#586477);border-radius:10px}.billing-subscription-details strong{display:block;font-size:1.2em}.billing-request-form{display:grid;gap:10px;max-width:700px}.billing-request-form textarea{min-height:100px}

.billing-storage-extras{margin:24px 0;padding:20px;border:1px solid var(--border,#364258);border-radius:12px}.billing-storage-extras h3{margin-top:0}.billing-extra-form{display:grid;gap:14px;margin-top:16px;max-width:700px}.billing-extra-form label{display:grid;gap:7px}.billing-extra-form label:has([type="checkbox"]){display:flex;align-items:flex-start}.billing-extra-form input[type="checkbox"]{width:auto;flex:none;margin-top:4px}.billing-extra-form input[type="number"],.billing-extra-form select{width:100%;max-width:100%;padding:10px}.billing-storage-extras a.button{display:inline-block;margin:0 10px 10px 0}.billing-extra-form p{margin:0;overflow-wrap:anywhere}

.billing-plan-features{padding:20px;margin:24px 0;border:1px solid var(--border-color,#586477);border-radius:12px}.billing-plan-features h3{margin:0 0 12px}.billing-plan-features h3:not(:first-child){margin-top:20px}.billing-plan-features ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 30px;padding-left:20px}.billing-plan-features li{overflow-wrap:anywhere}@media(max-width:700px){.billing-plan-features ul{grid-template-columns:1fr}}