.billing-page{padding:var(--space-2xl) var(--space-lg);max-width:800px;min-height:60vh;margin:0 auto}.billing-card{padding:var(--space-xl);border-radius:12px}.billing-title{margin:var(--space-md) 0;font-size:clamp(2rem,5vw,3.5rem)}.billing-intro{color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:1.1rem;line-height:1.6}.billing-card-heading{margin-bottom:var(--space-lg)}.billing-link-cyan,.billing-emphasis-cyan{color:var(--cyan)}.billing-submit{margin-top:var(--space-sm);align-self:flex-start}.billing-fallback{text-align:center;padding:5rem}.billing-form{gap:var(--space-md);flex-direction:column;display:flex}.billing-form-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.billing-field{flex-direction:column;gap:.5rem;display:flex}.billing-label{letter-spacing:.1em;text-transform:uppercase;font-size:.8rem}.billing-input{box-sizing:border-box;border:1px solid var(--border-subtle);color:#fff;width:100%;font-family:var(--font-mono);background:#00000080;border-radius:6px;outline:none;padding:.85rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.billing-input::placeholder{color:#ffffff40}.billing-input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #00f0ff26}.billing-input-pink:focus{border-color:var(--pink);box-shadow:0 0 0 2px #ff006026}.billing-input-yellow:focus{border-color:var(--yellow);box-shadow:0 0 0 2px #fcee0a26}.billing-payment-info{border:1px dashed var(--border-subtle);text-align:center;color:var(--text-muted);border-radius:6px;padding:1.5rem;font-size:.9rem;line-height:1.6}.billing-terms-label{cursor:pointer;color:var(--text-secondary);align-items:flex-start;gap:.5rem;margin-top:.5rem;font-size:.85rem;line-height:1.5;display:flex}.billing-terms-label input[type=checkbox]{accent-color:var(--cyan);flex-shrink:0;margin-top:3px}.billing-preview-text{color:#a0a0c0;margin:0;font-size:.82rem;line-height:1.6}.billing-error{border:1px solid var(--pink);color:var(--pink);background:#ff003c1a;border-radius:6px;margin-bottom:1rem;padding:1rem;font-size:.9rem}@media (max-width:600px){.billing-form-row{grid-template-columns:1fr}}.billing-success{padding:var(--space-2xl) var(--space-lg);text-align:center;justify-content:center;align-items:center;gap:var(--space-lg);flex-direction:column;max-width:700px;min-height:60vh;margin:0 auto;display:flex}.billing-success-icon{font-size:4rem}.billing-success-title{font-size:clamp(1.8rem,4vw,3rem)}.billing-success-text{color:var(--text-secondary);max-width:500px;font-size:1.1rem;line-height:1.7}.billing-success-btn{margin-top:var(--space-md)}