*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#f8fafc;color:#1e293b;font-family:system-ui,-apple-system,sans-serif;line-height:1.5}.page{margin:0 auto;max-width:720px;padding:2rem 1rem}.page--center{align-items:center;display:flex;justify-content:center;min-height:100vh}.page-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.billing-card,.success-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:2rem}.success-card{max-width:400px;text-align:center}.success-icon{align-items:center;background:#22c55e;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:56px;justify-content:center;margin:0 auto 1rem;width:56px}.alert{border-radius:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.alert--error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.alert--warning{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.btn{align-items:center;background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;padding:.625rem 1.25rem;text-decoration:none;transition:background .15s}.btn:hover:not(:disabled){background:#2563eb}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--secondary{background:transparent;border:1px solid #3b82f6;color:#3b82f6}.btn--secondary:hover:not(:disabled){background:#eff6ff}.btn-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.875rem;text-decoration:underline}