.panel{gap:var(--space-4);max-width:28rem;padding:var(--space-5) var(--space-4);background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.panel h1{font:var(--text-title);color:var(--color-primary-dark);margin:0}.panel p{margin:0}.muted{font:var(--text-small);color:var(--color-text-muted)}.field{gap:var(--space-2);flex-direction:column;font-weight:600;display:flex}.field input{min-height:var(--touch-target);padding:0 var(--space-3);border:1px solid var(--color-border);font:var(--text-body);color:var(--color-text);background:var(--color-surface);border-radius:.5rem}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target);padding:0 var(--space-5);border:2px solid var(--color-primary);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);font:inherit;cursor:pointer;font-weight:600;text-decoration:none;display:inline-flex}.btn.secondary{background:var(--color-surface);color:var(--color-primary)}.btn[disabled]{opacity:.6;cursor:not-allowed}.error{padding:var(--space-3);border-left:4px solid var(--color-danger);background:var(--color-background);font:var(--text-small);margin:0}.error:empty{display:none}.steps-indicator{font:var(--text-small);color:var(--color-text-muted);margin:0}